Css отступ в IE

[Sayitright]

Здравствуйте. Сделал верт. меню для сайта и сверху и снизу делаю изображение, чтобы меню выглядело эффектно, однако в ie небольшой отступ наблюдается, подскажите пожалуйстка как исправить или улучшить код.


css код---------------------------------------------
.sl {
float: left;
width: 200px;
margin-left: -100%;
margin-top:10px;
position: relative;

.vertheader {
background-image:url(img/fon1.gif);
height:16px;
width:150px;
}


.vertheader2 {
background-image:url(img/fon2.gif);
height:16px;
width:150px;
}

.vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width: 145px;
padding: 0px;
margin-left: 18px;
margin-top:5px;
}
.vertmenu ul {
list-style: none;
margin: 0px;
padding-left:10px;
border: none;
background:url(img/fon2.gif);
}
.vertmenu ul li {
margin: 0px;
padding: 0px;
}
.vertmenu ul li a {
font-size: 12px;
display: block;
padding: 1px 0px 0px 4px;
text-decoration: none;
color: #660000;
width:130px;
}

.vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
font-weight: bold;
---------------------------------------------------html
<div class="sidebar sl">

<div class="vertmenu">
<h3 class="vertheader">v</h3>
<ul>
<li><a href="#">Читать</a></li>
<li><a href="#">Скачать</a></li>
<li><a href="#">Описание</a></li>
<li><a href="#">Купить</a></li>
<li><a href="#">Дж.К.Роулинг </a></li>
<li><a href="#">Персонажи</a></li>
<li><a href="#">Хогвартс</a></li>
</ul>
<h3 class="vertheader2">v</h3>
</div>
</div>

[blackbanny]

это все браузер...