Witam mam problem z rozwijanym menu problem wygląda następująco

a po wejściu w menu robi się coś takiego


Kod css

[HTML] pobierz, plaintext 
ol {
list-style-type:none;
}
 
ol a {
text-decoration:none;
}
 
ol > li {
float:right;
width: 80px;
white-space: nowrap;
font-size: 17px;
text-align: center;
margin-top: 20px;
}
 
ol > li:first-child {
margin-left:0;
}
 
/* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
ol > li:hover > ul {
display:block;
}
 
ol > li > ul {
position: relative;
width: 130px;
top: 6px;
left: 10px;
display:none;
font-size: 15px;
list-style-type:none;
background: #fff;
text-align: left;
padding: 0 0 5px 5px;
box-shadow: 0 2px 2px 1px #f1f1f1;
}
 
ol > li > ul > li {
position:relative;
}
 
li :hover{
	color: #444;
}
[HTML] pobierz, plaintext 

Chciałbym aby menu które się wysuwa nie zmieniało pozycji tekstu. Z góry dziękuję

poczytaj o:

[CSS] pobierz, plaintext 
position: absolute;
[CSS] pobierz, plaintext 

Dzieki działa