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

Code:

<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>

стили

HTML:

 /*<----------------<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 так

Code:

RoundedTop("div#account ul li","#064d8e","#93b9e0");

ставит дополнительные дивы только в ul
если

Code:

RoundedTop("div#account li","#064d8e","#93b9e0");

ставит доп. дивы то во все li но вот бровзеру это что не нравится и у него крышу сносит

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

 

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

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

 

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

 

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