.nav { font-size:12px;}
.nav ul { list-style:none;}
.nav ul li { float:left; display:block;}
.nav ul li.l1 a, .nav ul li.l1 a:visited { display:block; height:24px; width:39px; margin-right:40px; background:url(../img/nav.jpg);}
.nav ul li.l1:hover a { background:url(../img/nav.jpg) 0px 48px;}
.nav ul li.l2 a, .nav ul li.l2 a:visited { display:block; height:24px; width:66px; margin-right:40px; background:url(../img/nav.jpg) 250px 96px;}
.nav ul li.l2:hover a { background:url(../img/nav.jpg) 250px 48px;}
.nav ul li.l3 a, .nav ul li.l3 a:visited { display:block; height:24px; width:66px; margin-right:40px; background:url(../img/nav.jpg) 184px 96px;}
.nav ul li.l3:hover a { background:url(../img/nav.jpg) 184px 48px;}
.nav ul li.l4 a, .nav ul li.l4 a:visited { display:block; height:24px; width:52px; margin-right:40px; background:url(../img/nav.jpg) 118px 96px;}
.nav ul li.l4:hover a { background:url(../img/nav.jpg) 118px 48px;}
.nav ul li.l5 a, .nav ul li.l5 a:visited { display:block; height:24px; width:66px; margin-right:40px; background:url(../img/nav.jpg) 66px 72px;}
.nav ul li.l5:hover a { background:url(../img/nav.jpg) 66px 24px;}
.nav ul li ul { display:none; padding-top:6px; }
.nav ul li:hover ul.sub { display:block; width:822x; position:absolute; top:24px; left:0;}
.nav ul li:hover ul.sub a { background:none; color:#333333; display:inline; height:15px; line-height:15px; margin:0px; padding:0px 0px; padding-top:2px; }
.nav ul li:hover ul.sub a:hover { background:none; color:#fabe00;}


<!--[if lte IE 6]-->
*html table {border-collapse:collapse; margin:0; padding:0;}
*html .nav ul li.l1 a.hide, .nav ul li.l1 a:visited.hide {display:none;}
*html .nav ul li.l1 a, .nav ul li.l1 a:visited { display:block; height:24px; width:39px; margin-right:40px; background:url(../img/nav.jpg);}
*html .nav ul li.l1 a:hover { background:url(../img/nav.jpg) 0px 48px;}
*html .nav ul li.l2 a.hide, .nav ul li.l2 a:visited.hide {display:none;}
*html .nav ul li.l2 a, .nav ul li.l2 a:visited { display:block; height:24px; width:66px; margin-right:40px; background:url(../img/nav.jpg) 250px 96px;}
*html .nav ul li.l2 a:hover { background:url(../img/nav.jpg) 250px 48px;}
*html .nav ul li.l3 a.hide, .nav ul li.l3 a:visited.hide {display:none;}
*html .nav ul li.l3 a, .nav ul li.l3 a:visited { display:block; height:24px; width:66px; margin-right:40px; background:url(../img/nav.jpg) 184px 96px;}
*html .nav ul li.l3 a:hover { background:url(../img/nav.jpg) 184px 48px;}
*html .nav ul li.l4 a.hide, .nav ul li.l4 a:visited.hide {display:none;}
*html .nav ul li.l4 a, .nav ul li.l4 a:visited { display:block; height:24px; width:52px; margin-right:40px; background:url(../img/nav.jpg) 118px 96px;}
*html .nav ul li.l4 a:hover { background:url(../img/nav.jpg) 118px 48px;}
*html .nav ul li.l5 a.hide, .nav ul li.l5 a:visited.hide {display:none;}
*html .nav ul li.l5 a, .nav ul li.l5 a:visited { display:block; height:24px; width:66px; margin-right:40px; background:url(../img/nav.jpg) 66px 72px;}
*html .nav ul li.l5 a:hover { background:url(../img/nav.jpg) 66px 24px;}
*html .nav ul li a:hover ul.sub { display:block; position:absolute; width:822px; top:24px; left:0; color:#333; }
*html .nav ul li a:hover ul.sub li a { display:block; background:#fff; color:#333; display:inline; height:15px; line-height:15px; margin:0px; padding:0px 0px; padding-top:2px;}
*html .nav ul li a:hover ul.sub li a:hover { background:#fff; color:#fabe00;}
<!--[endif]-->