В общем задумал я такую менюшку, чтобы при наведении на ссылку, стрелочки по бокам этой ссылки смыкались... http://img522.imageshack.us/my.php?image=menuwx5.jpg http://img141.imageshack.us/my.php?image=menuhoverqr5.jpg Но как видно из второй картинки, при изменении длины слова, эти стрелочки ливо заезжают на слово, либо куда то убегают... так вот хотелось бы узнать, можно ли как то с помощью css и html сделать, чтобы при изменении длины слова эти стрелочки были всегда на одном и том же расстоянии от слова? css: <style type="text/css"> html, body {margin:0px; padding:0px; background-color:#dbfafb;} #head {background-image:url("img/head.jpg"); width:710px; height:102px;} #content {background-image:url("img/content.jpg"); width:519px; height:619px;} #nav {background-image:url("img/nav.jpg"); width:191px; height:362px;} .menu td {background-image:url("img/kn.jpg"); width:243px; height:67px; background-repeat:no-repeat; background-position: 26px 23px;} .ssilki {font-family: verdana; text-decoration:none; font-size:12px} a {color:#669900;} a:hover {color:yellow;} a {background:url("img/kn.gif") 6px -14px no-repeat; padding-left:10px} a:hover {background-position:18px 6px} a span {background:url("img/knr.gif") 67px -14px no-repeat; padding-right:28px} a:hover span {background-position:62px 7px} </style> весь код копировать не буду, скопировал только часть, относящуюся к этой таблице: <table border="1" algn="top"> <tr> <td><a href="#"><span class="ssilki"> Music</span></a></td> </tr> <tr> <td><a href="#"><span class="ssilki"> bububu</span></a></td> </tr> <tr> <td><a href="#"><span class="ssilki"> tatata</span></a></td> </tr> <tr> <td><a href="#"><span class="ssilki"> bebe</span></a></td> </tr> </table>