ul#menu{ 
    width:710px; 
    overflow:hidden; 
} 

ul#menu li{ 
    float:left; 
    height:31px; 
    display:block; 
} 

ul#menu li a { 
    display: block; 
    overflow: hidden; 
    height: 0px !important; 
    background-image: url(img/menu/menu.gif); 
    padding-top:31px; 
} 

/* menu normal 
---------------------*/ 
    #menu1 a { width:135px; background-position:0       0;} 
    #menu2 a { width:135px; background-position:-135px  0;} 
    #menu3 a { width:135px; background-position:-270px  0;} 
    #menu4 a { width:135px; background-position:-405px  0;} 
    #menu5 a { width:135px; background-position:-540px  0;}
/* menu rollover 
----------------------*/ 
    #menu1 a:hover { width:135px; background-position:0       -31px;} 
    #menu2 a:hover { width:135px; background-position:-135px  -31px;} 
    #menu3 a:hover { width:135px; background-position:-270px  -31px;} 
    #menu4 a:hover { width:135px; background-position:-405px  -31px;}
	#menu5 a:hover { width:135px; background-position:-540px  -31px;}