Im working on a mock up of a future website i would like to build. I mostly work with firefox. My problem is that there is a difference between IE and Firefox in the display of my nav menu on the left side of my page. You can view my page at:

http://pages.videotron.com/ccmrc291/test_01.html

Firefox 1.0 display it like i want it, while IE add a white stripe between each of my menu image. I dont know why.

Somebody can give me a hint????

I think it is the line breaks after the <td> element is opened.

You're also working in quirks mode in IE, this is because of the presence of the XML declaration. If you ditch the XML declaration, you'll be in standards mode, and I think this problem goes away.

Otherwise you can remove the whitespace between the <td> and the cell content (as well as between the end of the content and the closing </td> tag), and your problem is solved.

You could also use <div> tags instead of tables. I would suggest[list], since they are more correct for this usage from a semantic standpoint, but IE also suffers from whitespace bugs with list elements. These bugs are easier to solve (at least from my experience) in standards mode. I've had the best luck with <div> elements.

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design