html - IE Issue: Unwanted Small Vertical Gap -
i having issue fathers website.(http://arcwebsolutions.net/arcmktg) works in firefox , chrome. in internet explorer(so far have tested in ie 7-9) displaying small 2-3px gap @ right end of nav menu, if closely there small indent on left side of footer. using 960px fixed width website layout have designed myself, life of me cannot figure out issue.
here's html
<div id="menu" class="width"> <ul> <li> <a href="index.html"> <span class="title ">home</span></a> </li> <li> <a href="philosophy.html"> <span class="title ">car magnets</span></a> </li> <li> <a href="services.html"> <span class="title ">free virtual magnet</span></a> </li> <li> <a href="portfolio.php"> <span class="title ">custom t-shirts</span></a> </li> <li> <a href="contact.html"> <span class="title ">silicone wristbands</span></a> </li> </ul> here css menu
#menu { margin: 0 auto; } #menu ul { width: 100%; float: left; margin: 0; padding: 0; text-align: center; background: url(images/navbg.gif); letter-spacing: 0.1em; } #menu ul li { display: inline; margin: 0; padding: 0; list-style: none; } #menu ul li { float: left; width: 20%; font-size: 12px; font-family: "avant garde", avantgarde, "century gothic", centurygothic, "applegothic", sans-serif; color: #666666; } #menu ul li span { display: block; padding: 6px 1px; } #menu ul li a:hover, #menu ul li a.here { color: #000; background: url(images/hover.gif); } please visit http://arcwebsolutions.net/arcmktg see talking about. doctype issue? or coding error? either way, cannot seem find it.
Comments
Post a Comment