Alright heres my third problem. Ive got these sidebars that i want to add in. Its a pieace of cake coding it for Firefox but when testing it in IE it turns out horrible. Heres my code below. As you can see the sidebars are postion outside the center id. Now when i put the rest of my code with these peices below i get the sidebars the on far side of the page. thats what i want but then when i try to add a margin to bring them closer to the content in the center id, i get differrernt results in both firefox and IE. any help with this would be great, thanksMy CSS
body{color: #FFFFFF;background-image: url(images/bg.jpg);font-family: Sans-Serif;font-size: small;}#center2{width:1000px;}#sidebar1{float: left;}#sidebar3{float:right;}#center{margin:auto;margin-right: 17%;margin-left: 17%;width: 650px;height: 1000px;background-color:#9fb910;}
The Html
<!--Centers the sidebars--><div id="center2"><img src="images/sidebar1.jpg" id="sidebar1"/><img src="images/sidebar3.jpg" id="sidebar3"/><!--Centers the site--><div id="center"><!--Navigation Bar--><div class="navcenter2"><p><a href="TDN.html"><img src="images/header.jpg" alt="Banner" id="pad" border="0" class="header"/></a><br /><a href="TDN.html"><img src="images/navigationbar/home.jpg" alt="Home link" id="pad" /></a><a href="gallery/gallery.html"><img src="images/navigationbar/gallery.jpg" alt="gallery link" id="pad" /></a><a href="forum.html"><img src="images/navigationbar/forum.jpg" alt="forum link" id="pad" /></a><a href="staff/staff.html"><img src="images/navigationbar/staff.jpg" alt="staff link" id="pad" /></a><a href="downloads/downloads.html"><img src="images/navigationbar/downloads.jpg" alt="downloads link" id="pad" class="navheight" /></a></p>