This page works fine in Firefox and Chrome:
http://ewh.ieee.org/r1/schenectady/events.php
but in IE, the maincontent appears way at the bottom (below the sidebar) instead of to the right of the sidebar as it should. Google convinced me that IE has trouble with CSS, but this is such a basic thing I figured it would be fine...
Here is the css file:
#container
{
width: 780px;
background: #FFFFFF;
margin: 0 auto;
/*border: 1px solid #000000; */
text-align: left;
}
#header
{
padding:5px 10px;
/*background:#ddd;*/
}
#sidebar
{
float: left;
width: 200px;
background: #FFFFCC;
padding: 15px 10px 15px 20px;
}
#mainContent
{
margin: 0 0 0 250px;
padding: 0 20px 20px 20px;
}
#footer
{
clear:both;
padding:5px 10px;
/*background:#cc9;*/
}
Any suggestions?
Thanks!
David