Менюшка с круглыми углами Css (помогите)

[smOleg]

<ul id="buttons">
<li id="general"><a href='#'>GENERAL</a></li>
<li id="preferences"><a href='#'>PREFERENCES</a></li>
<li id="password"><a href='#'>PASSWORD</a></li>
<li id="newsletters"><a href='#'>NEWSLETTERS</a></li>
<li id="admin"><a href='#'>ADMIN</a></li>
</ul>

стили

/*<----------------<BUTTONS>--------------->*/
div#account ul {
top:75px;
left:260px;
display:block;
position: absolute;
text-decoration:none; text-align: left;
list-style:none;
border: none;
margin: 0px ;
padding: 0px;
}
div#account li{
display:inline;
margin: 0 ;
padding: 0px ;
list-style:none;
text-decoration:none; text-align: left;
}
div#account li a{
Font:bold 10pt Verdana;
list-style:none;
border: #7ba0cb solid 1px;
text-decoration:none;
color:white;
margin: 0 ;
padding: 6px 11px;
background:url(images/button.gif) repeat-x;
}
/*<----------------</BUTTONS>--------------->*/

использую это для скругления http://www.html.it/articoli/nifty/index.html

но когда прописую в final.js так
RoundedTop("div#account ul li","#064d8e","#93b9e0");
ставит дополнительные дивы только в ul
если
RoundedTop("div#account li","#064d8e","#93b9e0");
ставит доп. дивы то во все li но вот бровзеру это что не нравится и у него крышу сносит

я б сделал картинками но нужно чтоб ширина высота кнопки зависила от количества символов в ней

[Isis]

http://www.html.it/articoli/nifty/index.html

Все делать как по ману..получится

[tip4il]

думаю тебе это надо ...
http://www.alistapart.com/articles/slidingdoors/

[smOleg]

Isis, да.. не додумался почитать ман. каюсь) терь все получилось