Forum Moderators: not2easy
Simple little "margin-top: 28px" is only applying 14px in IE. All other styles on the page are working flawlessly.
I've posted the generated source code and relevant css- there really isn't anything else that could possibly be affecting this.
This seems like it should be so simple! #*$! IE? :p
--------------------------------------------------
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #e5e5e5; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#wrapper {
MARGIN: auto; WIDTH: 940px
}
#nav {
MARGIN-TOP: 28px
}
#nav UL {
DISPLAY: inline; FLOAT: right
}
#nav LI {
PADDING-RIGHT: 28px; DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: white; FONT-FAMILY: verdana, arial
}
<TABLE id=wrapper cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD id=top colSpan=2>
<DIV id=nav>
<UL>
<LI>Home
<LI>Project Gallery
<LI>About Us
<LI>Contact Us </LI></UL>
</DIV>
</TD>
</TR>
</TABLE>
BODY {
BACKGROUND: #e5e5e5; PADDING: 0px; MARGIN: 0px;
}
#wrapper {
margin : 0; width : 100%;
background-color : #000000;
}
#nav {
margin : 28px;
}
#nav UL {
DISPLAY: inline; FLOAT: right
}
#nav LI {
PADDING-RIGHT: 28px; DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: white; FONT-FAMILY: verdana, arial
}
<div id="wrapper">
<DIV id=nav>
<UL>
<LI>Home
<LI>Project Gallery
<LI>About Us
<LI>Contact Us </LI></UL>
</DIV>
</div>