Forum Moderators: not2easy
#content {
width:710px;
margin:0 auto;
padding:0;
text-align:left;
}
#main {
width:380px;
float:left;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
}
#sidebar {
width: 300px;
margin-top: 20px;
float:right;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
}
<div id="content">
<div id="main">this is the content</div>
<div id="sidebar">this is the sidebar</div>
</div>
Why in IE would the page look fine, but in Mozilla, my sidebar div gets knocked to the bottom and actually is sitting inside my main div. of course there's a lot more code to the page and the problem most likely lies there. When I add an extra </div>, thinking that somehow the main div isn't closing, the sidebar moves back next to the main div where it belongs...but then it won't recognize the sidebar font attributes.
Help?
