IE shows more space between paragraph

[mukeshrasm]

Hi

I have written some code which works fine as I intend to work in Mozilla but not in IE. In IE it shows more space between two lines "Franchise Support" "Store Environment".

so what is wrong in this code. here is code

 
<div id="mainNav">
        <ul>
            <li><a href="about.html" class="on">About Jamba</a></li>
            <li><a href="support.html">Franchise Support</a></li>
            <li><a href="store.html">Store Environment</a></li>
            <li><a href="products.html">Jamba Products</a></li>
            <li><a href="brands.html">Jamba Brands</a></li>
        </ul>
    </div>
 
 

 
#mainNav{
    width: 181px;
    height: 130px;
    float: left;
    background:url(../images/mainNavBg.gif) left bottom no-repeat;
}
 
#mainNav ul{
    color: #572600;
    list-style: none;
    height:10px;
}
#mainNav li{
    font-size: 10px;
 
}
#mainNav ul li a{ padding-left: 30px; color: #572600; text-decoration: none;}
#mainNav ul li a:hover{color: #ffffff;}
#mainNav ul li a.on{color: #ffffff;}
 
 

[tpeck]

The line-height fix doesn't seem to work on the spacing between the paragraphs. It just squashes everything (except the space we want to make equal in all browsers).

The solution that seems to work perfectly is:

p {margin: 0px 0 20px;}

..though someone else provided it, not me!