Ширина тега <li>

HTML:

1. <div id="menu">
2.         <ul>
3.             <li id="home"><a href="index.php"></a></li>
4.             <li><a href="#">Раздел 1</a></li>
5.             <li><a href="#">Раздел 2</a></li>
6.             <li><a href="#">Раздел 3</a></li>
7.             <li><a href="#">Раздел 4</a></li>
8.             <li><a href="#">Раздел 5</a></li>
9.         </ul>
10.     </div>

[css]
#menu {
background:url(img/menu.jpg) no-repeat;
margin:0 auto;
margin-top:-10px;
width:1015px;
height:49px;
z-index:1;
position: relative;
padding-top:17px;
}

#menu ul {
list-style:none;
margin-left:20px;


}
#menu li {
float:left;
width:175px;
text-align:center;
}
#menu ul li a{
border-right: 1px dotted #fff;
display: block;
height:19px;
margin-top:-1px;
}
#home {
background:url(img/home.png) no-repeat;
width:25px;
height:15px;
list-style:none;
padding-right: 10px;

}

[/css]

Проблема в следующем: у всех элементов списка ширина у тега <li> стоит 175px, а у первого тега

HTML:

1. <li id="home"><a href="index.php"></a></li>

надо поставить ширину 25px. Сделал для него отдельный стиль, но все равно ширина ставится 175px.