IE8 не работает padding

[zg_ltybc]

Здравствуйте. Не работает код в ИЕ8

<style type="text/css">
.items {
    overflow: auto;
}
#yearTabs{
    height:30px;
    list-style:none;
    margin:0px auto;
    padding-top:20px;
    padding-right:5px;
    padding-left:5px;
}
#yearTabs li{
    display:block;
    float:left;
    margin:0px;
    padding:0px;
    position:relative;
    overflow:visible;
    text-align:center;
    width:110px;
}
#yearTabs li a{
    background:url(../../images/tab.png);
    color:#dbdbdb;
    display:block;
    font:normal 14px arial;
    height:30px;
    margin:0px  -10px;
    padding:0px  20px;
    position:relative;
    text-decoration:none;
    width:90px;
}

 <ul id="yearTabs">
		<c:forEach var="yearVar" items="${yearsAvailable}">
		    <li> <a href="myPlan?year=${yearVar}"
		      <c:if test="${yearVar == year}"> class="active"</c:if>>
		      ${yearVar}</a>
            </li>
		</c:forEach>
	</ul>

Должно выглядеть так(Хром):http://s2.ipicture.ru/uploads/20110816/7g7RYXbS.jpg

А в ИЕ выглядит так: http://s2.ipicture.ru/uploads/20110816/haO41R22.jpg

Если в yearTabs li a{...} убрать padding, то в Хроме выглядит как в ИЕ.

Как вылечить?

[Alexei91]

Не работает не padding, а вот это:

margin:0px -10px;

в идентификаторе #yearTabs li a.
IE margin вроде как не понимает. За исключением margin:0px auto;