مشکل در نمایش منو

[pitico pitico]

ممنون یک پله رفتیم جلو اما منو این شکلی شد



اگر بخواهیم passive دارای opacity 100% بشه و رنگ اکتیو منو سیاه و سایزش تغییر کنه مانند این تصویر چکار باید کرد؟

[pitico pitico]

این کدهای css منو

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover
{
outline: none;
position: relative;
z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul
{
display: block;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

ul.art-hmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: right;
position: relative;
z-index: 5;
background: none;
}

ul.art-hmenu li:hover{
z-index: 10000;
white-space: normal;
}
ul.art-hmenu li li{
float: none;
width: auto;
}
ul.art-hmenu li:hover>ul {
visibility: visible;
top: 100%;
}
ul.art-hmenu li li:hover>ul {
top: 0;
right: 100%;
}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
ul.art-hmenu, ul.art-hmenu ul {
min-height: 0;
}

ul.art-hmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
right: 0;
top: 0;
background-image: url('../images/spacer.gif');
padding: 10px 30px 30px 30px;
margin: -10px -30px 0 0;
}

ul.art-hmenu ul.art-hmenu-left-to-right {
right: auto;
left: 0;
margin: -10px 0 0 -30px;
}
ul.art-hmenu ul.art-hmenu-right-to-left {
left: auto;
right: 0;
margin: -10px -30px 0 0;
}

ul.art-hmenu ul ul
{
padding: 30px 10px 30px 30px;
margin: -30px -10px 0 0;
}

ul.art-hmenu ul ul.art-hmenu-left-to-right
{
right: auto;
left: 0;
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}

ul.art-hmenu ul ul.art-hmenu-right-to-left
{
left: auto;
right: 0;
padding: 30px 10px 30px 30px;
margin: -30px -10px 0 0;
}

ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
right: auto;
left: 100%;
}
ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
left: auto;
right: 100%;
}

ul.art-hmenu{
position:relative;
padding: 6px 6px 6px 6px;