I'm sorry this is a Firefox support website and not a web development / designing forum, so you may not get the best answers here.

Here you have a list of recommended web design forums where you have more chances to get an accurate answer: http://www.hongkiat.com/blog/17-forums-web-designers-shouldnt-missed/

Hi Pat,

You may get comments on this forum, but the subject of web design is not really within the scope of this forum. You would be better trying another forum, and specifically relating to Firefox maybe this Mozillazine forum

• http://forums.mozillazine.org/viewforum.php?f=25

It will probably be suggested as a first step that you check your code against a validator. When I try that it displays hundreds of errors and thousands of warnings

• http://validator.w3.org/unicorn/check?ucn_uri=http%3A%2F%2Fthefabme.com%2F&ucn_task=conformance

The image on the Wedges page has a z-index:-1 and thus doesn't show.

.loop_products_additional_img_wrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

The elements to the right of the search bar probably be fixed by adjusting the left value of the container to accommodate the width of the search bar.

On #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>

This also enlarges the link to be square around the entire circle, which might be helpful to users who have difficulty positioning the mouse pointer more specifically over the word blog.

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

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