Please help!

I just created a website. But the following 3 webpages do not render correctly in IE 6. But the do in IE 7 and Firefox. I think it is a table issue. But I can't for the life of me figure it out.

Just try the pages in both browsers, and you will see what I mean.

http://www.horseshoeplaque.com/samples.html
http://www.horseshoeplaque.com/history.html
http://www.horseshoeplaque.com/order.html


Note: I am just using simple html, and tables, with a basic template that uses div's.

Any help would be greatly appreciated!

Thanks!

At least part of the problem is that you're triggering IE's doubled-float margin bug. That bug happens when you float an element and then put a margin on that same element that goes in the same direction as the float - ie. float:right with a right margin. This is exactly what you've got with the #side div.

What you need to do to fix it is add display:inline to #side, but you need to add that to a separate css file only for IE and you need to use conditional comments to call that separate css file. Only IE will read it.

For more on IE bugs - www.positioniseverything.net