CSS
.menu {
position: absolute;
top: 120px;
left: 20px;
height: 46px;
width: 722px;
padding: 0 0 0 38px;
margin: 0 auto;
background: url(images/bg2.gif) repeat-x;
list-style: none;
}
.menu li { float: left; }
.menu li a {
float: left;
display: block;
color: #FF04B7;
text-decoration: none;
font-family: sans-serif;
font-size: 12px;
padding: 0 0 0 16px;
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.menu li a b {
float: left;
display: block;
padding: 0 24px 0 8px;
}
.menu li.current a, .menu li a:hover {
color: #fff;
background: url(images/left2.gif) no-repeat;
background-position: left;
}
.menu li.current a b, .menu li a:hover b {
color: #fff;
background: url(images/right2.gif) no-repeat right top;
}