flytte undermenu lidt
Jeg skal have mine undermenuer til topmenuen til at flugte med den sorte streg på min hjemmeside (altså et par pixels ned) på www.lkhojskole.dk/typoi dette CSS
Er der en som kan hjælpe?
/*
* Horizontal, top-2-bottom menu
* Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
*/
/* ------ Basic style ------ */
#menu {
display: block;
width: 565px;
position: relative;
top:2px;
left:2px;
}
#menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}
#menu li {
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position:relative;
}
#menu a {
display: block;
}
#menu li li {
width: 100%;
}
/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
top: 0;
left: 0;
}
/* ...and then place it where it should be when shown */
#menu li li:hover ul {
left: 100%;
}
/* initialy hide all sub menus */
#menu li ul {
display: none;
position: absolute;
z-index: 20;
}
/* display them on hover */
#menu li:hover>ul {
display: block;
}
/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
/* Fix for IE5/Mac \*//*/
#menu a {
float: left;
}
#menuList {
display: inline-block;
}
/* */
/* ------ Make-up -------- */
#menu {
color: #000000;
}
#menu li:hover {
background-color: #c5dd7f; /*baggrundsfarven bag teksten når man peger */
color: #FFFFFF;
}
#menu a {
text-decoration: none;
text-align: center;
color: #000000; /* farven på teksten */
padding: 4px 5px 5px;
}
#menu li:hover>a {
color: #616160; /* farven på teksten når man peger */
}
#menu li ul {
color: #000000;
background-color: #c5dd7f;
border: 1px solid #000000;
width: 130px;
}
#menu li ul a {
text-align: left;
}
