Mannezman
asked on
CSS Position doesnot work in IE8
I am trying to stop using tables and place objects with CSS. Dreamweaver shows the objects where I want them but when I render in IE8 everythign piles up in the upper left corner instead of spreading out around the page according to my top: and left: attributes. What am I doing wrong?
<body leftmargin="0" topmargin="0" background="images/CheckerBoard.jpg">
<div id="logo"><img src="images/DGLogo.gif" /></div>
<div id="MenuItem1"><img src="images/MenuSites.gif" /></div>
<div id="MenuItem2"><img src="images/MenuAbout.gif" /></div>
<div id="MenuItem3"><img src="images/MenuPhotos.gif" /></div>
<div id="MenuItem4"><img src="images/MenuEvents.gif" /></div>
</body
CSS File:
body {
font-family: Arial, Helvetica, sans-serif;
}
#logo {
position:absolute;
top:0;
left:100;
width:329px; /*Width of Logo */
height:211px; /Height of Logo */
}
#MenuItem1 {
position:absolute;
top:170;
left:472;
width:92px; /*Width of Logo */
height:41px; /Height of Logo */
}
#MenuItem2 {
position:absolute;
top:170;
left:582;
width:92px; /*Width of Logo */
height:41px; /Height of Logo */
}
#MenuItem3 {
position:absolute;
top:170;
left:692;
width:92px; /*Width of Logo */
height:41px; /Height of Logo */
}
#MenuItem4 {
position:absolute;
top:170;
left:802;
width:92px; /*Width of Logo */
height:41px; /Height of Logo */
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER