.glossymenu{ <br> position: relative; <br> padding: 0 0 0 34px; <br> margin: 0 auto 0 auto; <br> background: url(http://wallaby.ucoz.ru/menu_templates/green_menu_bg.gif) repeat-x; /*путь к картинке заднего фона*/ <br> height: 46px; <br> list-style: none; <br> } <br><br> .glossymenu li{ <br> float:left; <br> } <br><br> .glossymenu li a{ <br> float: left; <br> display: block; <br> color:#000; <br> text-decoration: none; <br> font-family: sans-serif; <br> font-size: 13px; <br> font-weight: bold; <br> padding:0 0 0 20px; /*Padding to accomodate left tab image. Do not change*/ <br> height: 46px; <br> line-height: 46px; <br> text-align: center; <br> cursor: pointer; <br> } <br><br> .glossymenu li a b{ <br> float: left; <br> display: block; <br> padding: 0 24px 0 3px; /*Расстояние между элементами меню*/ <br> } <br><br> .glossymenu li.current a, .glossymenu li a:hover{ <br> color: #fff; <br> background: url(http://wallaby.ucoz.ru/menu_templates/green_menu_hover_left.gif) no-repeat; /*путь к левой картинке*/ <br> background-position: left; <br> } <br><br> .glossymenu li.current a b, .glossymenu li a:hover b{ <br> color: #fff; <br> background: url(http://wallaby.ucoz.ru/menu_templates/green_menu_hover_right.gif) no-repeat right top; /*путь к правой картинке*/ <br> }

<ul class="glossymenu"> <br> <li class="current"><a href="#"><b>Главная</b></a></li> <br> <li><a href="#"><b>Регистрация</b></a></li> <br> <li><a href="#"><b>Поиск</b></a></li> <br> <li><a href="#"><b>Карта сайта</b></a></li> <br> <li><a href="#"><b>О нас</b></a></li> <br> </ul>