I have an asp.net site that displays the way I want it to on my computer in IE8 and firefox. On my co-worker's computer the page content gets pushed down below the left side menu.
We both have the exact same version of IE8.
I'm using divs and css for positioning and a Masterpage.
body
{
background-position: center center;
font-family: Verdana;
font-size: medium;
background-color: #000000;
}
* {
padding: 0;
margin: 0;
}
#dateField{}
#head
{
color: #00FF00;
}
#topContent
{
background-position: url(Images/bg2.gif) repeat-x;
text-align: center;
background: url(Images/bg2.gif) repeat-x;
color: #FFFFFF;
font-size: x-large;
text-decoration: none;
font-weight: bold;
height: 87px;
vertical-align: middle;
line-height: 87px;
}
#topContent span {vertical-align:middle}
#leftContent
{
background-position: #0094D6 url(Images/contentbg.gif) repeat-x;
width: 170px; /*background: #0094D6 url(Images/contentbg.gif) repeat-x;*/
padding: 10px;
font-size: 90%;
text-align: left;
position: static;
margin-top: 10px;
margin-bottom: 10px;
left: 0px;
float: left;
height: 574px;
}
#SideTableFiller
{
height: 262px;
background-color: #000000;
}
#mainContent
{
text-align: left;
margin-left: 190px;
padding: 2px;
color: #FFFFFF;
}
#footerContent
{
background: url(Images/footer.jpg) repeat-x;
height: 100px;
clear: left;
}