Menu

Nedari jse mi zbavit mezery v menu budu rada kdyz nekdo poradi :


#menu{
float:left; width:190px; margin:0px;

}

#linksmenu li {position: absolute; display: none; width: 120px; top: 0; left: 120px; background: url('transparent.gif');}

#linksmenu a{
float:right;
width:183px;
height:20px;
background-color:#ABC578; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color: #FFFFFF;
text-decoration:none;
padding-top:5px;
margin: 0px;
}
#linksmenu a:hover{
background-color:#514F1C;
margin: 0px;
}

#linksmenu ul, #linksmenu ul.sub
{list-style-type:none; margin: 0; padding: 0;}
#linksmenu li, #linksmenu ul.sub li
{margin: 0; padding: 0; width: 100%;}
#linksmenu ul.sub li {display: inline ; width: 100%; margin:0; padding: 0;}

#linksmenu ul.sub li a {display: inline ; margin: 0; border-left: 0;}
#linksmenu ul.sub li a:hover {background-color: #EEE; color: inherit; border-left: 10px solid yellow; margin: 0px; }
#linksmenu ul li.main:hover h3 a {background-color: #DDD; color: inherit; margin: 0px; }
#linksmenu ul li.main {position: relative; margin: 0px; }
#linksmenu ul li > ul.sub {position: relative; top: 0; left: 0px; z-index:10; width: 150px; visibility: hidden; margin: 0px; }
#linksmenu ul li.main:hover ul.sub {visibility: visible; margin: 0px; }