CSS
.menu {
position:absolute;
top:164px;
left:20px;
width:748px;
padding:0 0 0 1em;
margin:0;
list-style:none;
height:35px;
background:url(images/bg3.gif);
}
.menu li {
float:left;
}
.menu li a {
display:block;
float:left;
height:35px;
line-height:33px;
color:#FFFF00;
text-decoration:none;
font-family:arial, verdana, sans-serif;
text-align:center;
padding:0 0 0 14px;
cursor:pointer;
font-size:11px;
}
.menu li a b {
float:left;
display:block;
padding:0 28px 0 14px;
}
.menu li.current a {
color:#fff;
background:url(images/right3.gif);
}
.menu li.current a b {
background:url(images/right3.gif) no-repeat right top;
}
.menu li a:hover {
color:#fff;
background: url(images/left3.gif);
}
.menu li a:hover b {
background:url(images/left3.gif) no-repeat right top;
}
.menu li.current a:hover {
color:#fff;
background: url(images/left3.gif);
cursor:default;
}
.menu li.current a:hover b {
background:url(images/left3.gif) no-repeat right top;
}