The following website looks the way I want it to in IE6 (equal spacing between the nav, the content and the edges.). In IE7 & Firefox, there's a large gap in the middle and tiny gaps on the left & right. I am floating the left column (with the navigation) left, and the right column (with the content) to the right.
What am I doing wrong here? (I realise that all these pixels only add up to 746 across with the #navigation & #content, but I had to do that for IE6 so it would fit). I'm obviously missing something simple. Doh! http://www.tokofurniture.com/aka #main {position: relative; background-color: #feffcd; border: 0px #000000 solid; width: 770px; margin: 0 auto; font-size: 115%; font-family: Verdana, Helvetica, Arial, sans-serif; background-image: url(images/mainpaper.gif); background-position: center;} #navigation {width: 175px; float: left; margin-left: 8px;} #content {width: 555px; float: right; margin-right: 8px; margin-bottom: 5px;} Joanne ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
