navigation menu problema uz dazadiem browseriem

gkazhus Wed, 07/28/2010 - 14:17

man uz safari un chrome nav. menu izskataas shaadi:
http://www.bildites.lv/images/e2xf00qpgdlkuqrgau2.jpg

kaa lai es pacelju menu nedaudz uz augshu? ff, operaa un ie viss izskataas smuki.
css faila dalja:

.menu li a {

position:relative;
top: -99px;
left:-7.5px;
float:left;
vertical-align: bottom;
font-family: Arial;
font-size: 9pt;
height: auto;
width: 147px;
cursor:hand;

font-weight: bold;

padding-left:10px;
padding-top: 10px;
padding-bottom: 10px;

line-height: 13px;
text-align: left;

display: block;
background-color:#C1121F;
border-top:1px solid #FFFFFF;

color: #FFFFFF;
text-decoration: none;
list-style-type: none;
z-index:1;
}

.menu li a:hover {
background-color:#002377;
color: #FFFFFF; }

.menu li a.active{
font-family: arial;
font-size: 9pt;
font-weight: bold;
height: auto;
width: 146px;
cursor:hand;
font-weight: bold;
padding-left:10px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 13pt;
text-align: left;
display: block;
border-top:dotted 1px;
border-left: dotted 1px;
border-right: dotted 1px;
background-color:#FFFFFF;
color: #C1121F;
text-decoration: none;
list-style-type: none;

}

nu tā jau ir :(, visiem jau nevar izpatikt, tāpēc jācenšas taisīt vienkāršāk.