Firefox is breaking Web site

Hey there!

I'm working on a site and it looks good in other browsers, but Firefox is breaking.

The site is http://thefabme.com/. Let me enumerate all the items that are in violation:

1. the text in the blog circle moves upward.

2. the search magnifying glass moves upward.

3. the search bar moves to the left.

4. on the page of each product, such as thefabme.com/product-category/wedges, images used for the products are straight away.

In other browsers, the site looks like this:
http://img20.imageshack.us/img20/7241/2uc9.PNG

See you soon,.

Pat

# 1 (Blog button), you can get the absolute positioning of the span to work using this:

<div id="blog-button">
  <a href="/blog" style="display:inline-block">
    <span>Blog</span>
  </a>
</div>

He also enlarged the link to have a square around the whole circle, which could be useful for users who have difficulty positioning the mouse on the word blog specifically.

However, as a general comment, it could be less fragile to use the ordinary flow more and relies less on positioning.

In addition, you won't be happy to see it on IE8...

Tags: Firefox

Similar Questions

Maybe you are looking for