Dropdown-meny i CSS flytter innhold

[ULKE]

Hei,

har altså ett problem. Jeg har laget en drop-down-meny i CSS og den funker helt greit, men innholdet under blir altså flyttet nedover siden når menyen åpnes.

 

 

Dette er Css til menyen

/* MENU */

.menu {
width:100%;
height:25px;
margin-top:0px;
background:#bcbcbc;
}

.menu ul {
 list-style: none;

}
.menu ul li {
 display: block;
 position: relative;
 float: left;
 width:130px;
 margin:auto;
}
.menu li ul {
display: none;
}
.menu ul li a {
 display: block;
 text-decoration: underline;
 color: #ffffff;
 padding:3px;
 background: #bcbcbc;
 text-align:center;
 margin:auto;
 font-weight:bold;
 width:130px;

}
.menu ul li a:hover {
background: #00cc33;
}

.menu li:hover ul {
 display: block;
 position: relative;
 width:130px;
}
.menu li:hover li {
 float: none;
}
.menu li:hover a {
background: #bcbcbc;
text-decoration:none;
}
.menu li:hover li a {
background: #bcbcbc;
text-decoration:underline;
text-align:left;
}
.menu li:hover li a:hover {
background: #00cc33;
text-decoration:none;
}

[agm]

Selve nedtrekksmenyene må settes til position:absolute, ikke position:relative:

 

.menu li:hover ul {
 position: absolute;
}