Hi folks, I have what's probably a common IE problem. My main content is getting pushed down below my right navigation bar. I can't figure it out. I can't post url's yet, but you can see it in IE at www.jontakiff.com/jonffbasement.html. Obviously, the main content is getting pushed down below the right navigation bar. The nav bar is floated right, so the content should float nicely left, but no, in IE6 it drops down. I have attempted playing w/margins and padding for all elements with no results. Any ideas? Here's some of my code which might explain the problem: The framework w/borders to try to help see the prob... *{border:1px solid red;} html,body{border:0;} #everything{margin:0px auto;background:url(images/headfinally5.jpg);background-repeat:repeat;} body{padding:0px;margin:0px;text-align:center;font-family:verdana;georgia;sans-serif;font-size:80%;line-height:1.6;} #wrap{width:79%;margin:0px auto;text-align:left;border:1px solid black;background-color:black;} /*rightnav and main section*/ #rightnav{border:0px solid silver;float:right;width:28%;margin:0em 0em;padding:1em 0em .5em 0em;font-size:normal;} #main {color:black;border:2px solid red; background-color:#678aa7;font-weight:500;height:100%; margin-right:28%;margin-left:2em;margin-bottom:0em; margin-top:0em;padding:.75em 1.75em;} /*top navigation section*/ #navbuttons{padding-bottom:5.5em;margin:0em;z-index:1;} Any ideas? I hate to ask since it's probably not a quick fix but after two hours of trying to figure it out, it's either get help or smash the monitor. Thanks in advance...
Look at the "Milazzo" section. At the bottom, there is an xxxxx that overflows in modern browsers. In a PoS like IE, the container expands, expanding its parent, etc., making the whole thing too wide to fit. cheers, gary