).Код: Выделить всё
#menubar {
background-color: #009966;
margin-right: 600px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-style: normal;
text-decoration: none;
height: 30px;
width: 680px;
margin-left: 30px;
clear: both;
}
#menubar ul {
list-style: none;
display: block;
margin:0;
padding:0;
list-style:none;
clear:both;
overflow:hidden;
text-indent:-9999px;
display:inline;
float:left;
}
/* Rollover state */
#menubar li {
height: 30px;
margin: 0;
background-position: 0 -33px;
display: block;
position: relative;
overflow: visible;
}
/* Rolloff state */
#menubar li a, #menubar li a:link {
display: block;
width: 100%;
height: 31px;
background-position: 0 -1px;
position: relative;
overflow: hidden;
}
/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*#menubar li span a strong { display: none; }*/
/*#menubar li span a:hover { background-image: none; }*/
#menubar li span { position: absolute; width: 100%; height: 100%; cursor: pointer; margin-top: -1px;}
#menubar li a:hover span { background-position: 0 -32px; }
#menubar li a .hovering { background-position: 0 -32px; }
/* Button images */
.but-forum span { background: transparent none 0 0 no-repeat; }
/* Big button dimensions */
#menubar li.but-forum { width: 70px; }
/* Big button images */
.but-forum span { background-image: url("./images/forum.gif"); }
/* Always active states */
body.forum li.but-forum span{
background-position: 0 -65px;
}
/* Always hover for active states */
body.forum #menubar li.but-forum span:hover{
background-position: 0 -32;
}
