I'll be honest here, i'm only just learning css positioning correctly. I've got a site layout almost working, except for one thing. There's two main wrappers, a header and a content. In FF it works fine, the header is set 102px from the top, and the content appears right under it. It does that via being static. In IE, however, it doesn't do that. Instead the content div is just overlapping the header, it has the top padding i give it, but it doesn't follow static rules. It aligns just fine horizontally, but not vertically.
Code:
<body style="text-align:center; background-color:#000000; background-image:url(./img/body.jpg); background-repeat:no-repeat; background-position:50% 83px; margin:0;">
<div id="nav_wrapper" style="margin-left:auto; margin-right:auto; width:900px; height:13px; padding-top:102px;">
<div style="height:13px; position:absolute; padding-left:579; z-index:auto;"><a href="index.php"><img src="./img/home_1.gif" rsrc="./img/home_2.gif" alt="home" /></a></div><div style="height:13px; position:absolute; padding-left:624; z-index:auto;"><a href="index.php?s=tour"><img src="./img/tour_1.gif" rsrc="./img/tour_2.gif" alt="tour" /></a></div><div style="height:13px; position:absolute; padding-left:667; z-index:auto;"><a href="index.php?s=pics"><img src="./img/pics_1.gif" rsrc="./img/pics_2.gif" alt="pics" /></a></div><div style="height:13px; position:absolute; padding-left:710; z-index:auto;"><a href="index.php?s=band"><img src="./img/band_1.gif" rsrc="./img/band_2.gif" alt="band" /></a></div><div style="height:13px; position:absolute; padding-left:752; z-index:auto;"><a href="index.php?s=reps"><img src="./img/reps_1.gif" rsrc="./img/reps_2.gif" alt="reps" /></a></div><div style="height:13px; position:absolute; padding-left:792; z-index:auto;"><a href="index.php?s=store"><img src="./img/store_1.gif" rsrc="./img/store_2.gif" alt="store" /></a></div><div style="height:13px; position:absolute; padding-left:840; z-index:auto;"><a href="index.php?s=contact"><img src="./img/contact_1.gif" rsrc="./img/contact_2.gif" alt="contact" /></a></div>
</div>
<div id="news_bg" style="position:absolute; left:50%; width:300px; height:360px; margin-top:14px; margin-left:-436px; padding:15px; position:absolute; background-color:#ffffff; filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35;"></div>
<div id="news_text" style="width:365px; height:350px; padding-left:14px; padding-top:14px; position:absolute;">
Hi
</div>
</div>
</body>
Congratulations to AcaCandy on her 100,000th post!
Web Design & Development 
