Problem with Firefox displaying background

[moonlit]

I'm trying to optimize my website and use CSS stylesheets (I'm new to this so please bare with me). I just can't figure out why Firefox is displaying a black box where it should be white.

Here's a link to the page I'm working on:
http://www.classicengraving.org/CSS Layout/testindex.html

It looks fine in IE 7 and Safari just not Firefox. Any ideas?

 

[Wickedself]

Change these line

<td><img height="550" width="134" alt="" src="images/left.gif"/></td>
<img height="550" width="150" src="images/right.gif" alt=""/>

to

<td bgcolor="#ffffff"><img height="550" width="134" alt="" src="images/left.gif"/></td>
<img height="550" width="245" src="images/right.gif" alt=""/>

respectively

But the real problem is with your css and image approach.

You will have to redo the whole thing completely so that it looks exactly the same in all the different browsers

 

[moonlit]

Ok, instead of using tables I've tried a layout using div's. Layout appears similar in Firefox and Safari, no real obvious issues. However, IE 7 is another story. The pop-up menu appears at first as the site is loading and then disappears. I'm wondering if it's a problem with the z index. I tried changing it to 1000 but it still won't appear properly. Any suggestions?

The newer layout with the div's can be seen here:

http://www.classicengraving.org/CSS Layout/test.html

Grrrr, if all browsers could be created equal....

 

[cmjvulavala]

My advice would be to make sure the site works in Firefox first... as most web developers agree that firefox renders correct CSS then add IE conditional stuff that fixes it for interenet explorer.

 

[Wickedself]

Your site is working fine in IE 8. So forget IE 7.

 

[jnjc]

Your site is working fine in IE 8. So forget IE 7.

I don't think this is good advice, you need to have your website work for your audience and most users are still on IE6 or IE7.