tak ještě menu - neřešitelný

řeším zřejmě neřešitelnej problém :-)

mám položky menu v řádku a káždá položka je tvořena obrázkem a do ní chci namontovat text kterej pozicuju podle padding na přesnou pozici, jenže paddinh mi zvětší tu položku a ta druhá už je dál než chci původně, prostě bych chtěl, aby šel jen pozicovat text a ne celá položka, jak na to prosím?



CSS:

#menu {

    list-style-type: none;

	position: absolute;

	width: 577px;

	height: 32px;

	margin: 0;

	padding: 0;

	z-index: auto;

	left: 185px;

	top: 74px;

	}



#menu li {

    display: inline;

    float: left;

}



#menu li a {

    text-decoration: none;

	color: #616161;

	

}



#menu li a:hover,#menu li a.najeto {

     text-decoration: underline;

	 color: #616161;

}



#uvod {

    width: 80px;

	height: 32px;

	background: url(img/uvod.gif);

	background-repeat: no-repeat;

	font-size: 13px;

	font-family: Verdana;

	font-weight: bold;

	text-align: center;

	padding-top: 10px;

	padding-left: 7px;

}

HTML:

<ul id="menu">

<li id="uvod"><a href="#" class="najeto">Úvod</a></li>

<li id=""><a href="#">...</a></li>

<li id=""><a href="#">...</a></li>

</ul>

když se pokouším ten text napozivat pomocí třídy, tak nereaguje na padding-top

EDIT: vyřešeno, ale stejně tomu mco nerozumím..
dal jsem

#menu li a {
text-decoration: none;
color: #616161;
padding-left: 17px;

}

ale třeba když přidám padding-top tak na ten to už nereaguje.. ani na text-align:center;

to musí zustat v #uvod a já nevím proč :-(

peta

ahoj, diky