Hi all.I'm currently working on my website http://www.yorkshirejunkies.co.uk/I rushed the website when I did it, and theres a lot of nasty code in there.I've been meaning to rewrite it for a long time and add a few new bits whilst I was there such as a CMS and so on.However I don't seem to be getting very far.http://dzire-live.com/yjhttp://dzire-live.com/yj/screen.css]In IE the text dosen't seem to start straight away in the content area? The navigation is floated left, and the content area is floated right, all padding/widths are fine so I don't know whats causing this?If someone could have a quick look it'd be great.Also seem to be getting trouble with the topnav - no idea why as it's copied exactly the same from the CSS. On IE it's fine, however on FF it appears to be a lot further down?
<div id="topnav"><ul> <li><a href="index.php" title="Home">Home</a></li> <li><a href="shop.php" title="Shop">Shop</a></li> <li><a href="shop.php" title="Gallery">Gallery</a></li> <li><a href="shop.php" title="Forum">Forum</a></li></ul> </div>
#topnav{ border-top:1px solid #666666; border-bottom:1px solid #666666; height: 25px; width: 760px; background-color:#000000; text-align:center; }#topnav ul { float:left; width:600px; vertical-align: text-top; list-style-type: none; }#topnav ul li{ padding-left:25px; list-style-type:none; float:left; margin:0px; color: red; line-height:20px; font-weight: bold;}#topnav ul li a{ color:#c51e21; text-decoration:none;}#topnav ul li a:hover{ color: #fff; text-decoration:underline;}
http://dzire-live.com/yj/http://dzire-live.com/yj/screen.css]Cheers.