http://s61.radikal.ru/i171/0902/46/9dda69074120.jpg Меню пока для белого фона.Меняя кнопки вы поменяете сам цвет меню
В CSS
Code
<style type="text/css">
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_six */
#pro6 ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; background:#fff; font-size:11px;}
#pro6 li {display:table-cell; margin:0; padding:0;}
#pro6 li a {display:block; float:left; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(pro_six_5a.gif) no-repeat;}
#pro6 li a b {float:left; display:block; padding:0 25px 5px 15px; background:url(pro_six_5b.gif) no-repeat right top;}
#pro6 li.current a {color:#fff; background:url(pro_six_7a.gif) no-repeat;}
#pro6 li.current a b {background:url(pro_six_8b.gif) no-repeat right top;}
#pro6 li a:hover {color:#fff; background: url(pro_six_6a.gif) no-repeat;}
#pro6 li a:hover b {background:url(pro_six_6b.gif) no-repeat right top;}
#pro6 li.current a:hover {color:#fff; background: url(pro_six_7a.gif) no-repeat; cursor:default;}
#pro6 li.current a:hover b {background:url(pro_six_8b.gif) no-repeat right top;}
</style>
<!--[if IE]>
<style type="text/css">
#pro6 ul {display:inline-block;}
#pro6 ul {display:inline;}
#pro6 ul li {float:left;}
#pro6 {text-align:center;}
</style>
<![endif]-->