<li> extra space in IE
Out of context: Reply #4
- Started
- Last post
- 17 Responses
- Moo0
<Html code>
<div id="footer">
<ul>
<h4>Customer Services</h4>
<li>• <a href="#">Contact Us</a></li>
<li>• <a href="#">Where To Buy</a></li>
<li>• <a href="#">Terms & Conditions</a></li>
<li>• <a href="#">Delivery & Returns</a></li>
<li>• <a href="#">FAQ's</a></li>
</ul>
<ul>
<h4>About Us</h4>
<li>• <a href="#">About Russell Hobbs</a></li>
<li>• <a href="#">News</a></li>
<li>• <a href="#">Press Releases</a></li>
<li>• <a href="#">Email Newsletters</a></li>
<li>• <a href="#">WEEE Recycling</a></li>
</ul>
<ul>
<h4>Help</h4>
<li>• <a href="#">Gift Ideas</a></li>
<li>• <a href="#">Buying Guide</a></li>
<li>• <a href="#">Recipes</a></li>
<li>• <a href="#">Feedback</a></li>
<li>• <a href="#">Articles</a></li>
<li>• <a href="#">Accessibilty</a></li>
</ul>
<ul>
<h4>Select a Country</h4>
<li>• <a href="#">United Kingdom</a></li>
<li>• <a href="#">Germany</a></li>
<li>• <a href="#">France</a></li>
</ul>
<ul>
<h4>My Account</h4>
<li>• <a href="#">Login/Register</a></li>
<li>• <a href="#">My Account</a></li>
<li>• <a href="#">Email Newsletters</a></li>
<li>• <a href="#">Delivery & Returns</a></li>
<li>• <a href="#">Privacy Policy</a></li>
</ul>
<ul>
<h4>Partners</h4>
<li>• <a href="#">Hovis</a></li>
<li>• <a href="#">Nescafe</a></li>
<li>• <a href="#">Tetley</a></li>
<li>• <a href="#">Toastabags</a></li>
</ul>
</div>
</Html code><css code>
#footer{
width: 100%;
height: 138px;
border: #FFFF00 1px solid;
}#footer ul{
list-style: none;
width: auto;
float: left;
margin: 0 29px 0 29px;
border: #00FFFF 1px solid;
padding: 0px !important;
}#footer li{
margin: 0 0 1px 0;
color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 0px !important;
border: #FF0000 1px solid;
}#footer a{
color: #999999;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
padding: 0px !important;
}#footer a:hover{
color: #ffffff;
text-decoration: underline;
}
</css code>