Problem z rozjeżdżającym się menu rozwijanym, Po najechaniu na element rozjezdza sie. Opcje

[Sajrox]

Witam,
Od jakiegoś czasu męczę się z menu w css które mozna zobaczyć tutaj:
http://serwisy.a-tech.pl/slawek/code

Chciałbym prosić o pomoc. Jak mam rozwiązać problem z tym rozjeżdżającym elementem menu po najechaniu na niego?
Tutaj jest kod CSS.

[HTML] pobierz, plaintext 
#menu {  
     background: #FFFFFF url(images/menu.gif) repeat-x;  
     height: 30px;  
     margin-top: 142px;  
     margin-bottom: -120px;  
  }  
 
  div#navigation {  
     text-decoration: none;   
     position: absolute;   
     width: auto;  
  }  
 
  div#navigation ul {  
     float: left;   
     margin: 0;   
     padding: 0;   
     margin-top: 8px;   
  }  
 
  div#navigation ul a {  
     padding-left: 20px;   
     padding-right: 20px;   
  }  
 
  div#navigation li {  
     list-style: none;   
  }  
 
 
  div#navigation ul ul {  
     display: none;  
     position: absolute;   
     background: #318fb6;  
     border: 1px solid #145f7d;  
     margin-top: 9px;  
     min-width: 140px;  
  }  
 
  div#navigation ul ul li {  
     padding-top: 4px;  
     padding-bottom: 4px;  
     border-left: 6px solid #207b9f;  
     border-bottom: 1px solid #207b9f;  
     min-width: 140px;     
  }  
 
  div#navigation ul ul li:hover {  
     background: #2e82a4;  
     border-left: 6px solid #145f7d;  
  }  
 
  div#navigation ul ul a{  
     color: #FFFFFF;  
  }   
 
  div#navigation ul:hover ul {  
     position: relative;   
     display: block;  
  }
[HTML] pobierz, plaintext 

[krowal]

Ostatni wpis w twoim kodzie:

[HTML] pobierz, plaintext 
div#navigation ul:hover ul {
position: relative;
display: block;
}
[HTML] pobierz, plaintext 

Zmień "position: relative;" na "position: absolute;" u mnie na FF 2.0 zadziałało, dalej nie sprawdzałem, ale powinno być ok.

EDIT: zauważyłem że po tej zmianie menu rozwijane chowa sie jak się zjedzie z elementu nadrzędnego, zmieniłem jeszcze parę rzeczy i jest ok, tylko nie wiem czy Ci się ramka nie rozjedzie, ale to już sobie poprawisz

[HTML] pobierz, plaintext 
#menu {
	background: #FFFFFF url(images/menu.gif) repeat-x;
	height: 30px;
	margin-top: 142px;
	margin-bottom: -120px;
}
 
div#navigation {
	text-decoration: none; 
	position: absolute; 
	width: auto;
}
 
div#navigation ul {
	float: left; 
	margin: 0; 
	padding: 0;  
}
 
div#navigation ul a {
        display: block;
        padding: 4px 20px;
}
 
div#navigation li {
	list-style: none; 
}
 
 
div#navigation ul ul {
	display: none;
        margin-left: 20px;
	position: absolute; 
	background: #318fb6;
	border: 1px solid #145f7d;
	min-width: 140px;
}
 
div#navigation ul ul a{
        padding: 8px 20px;
}
div#navigation ul ul li {
	border-left: 6px solid #207b9f;
	border-bottom: 1px solid #207b9f;
	min-width: 140px;	
}
 
div#navigation ul ul li:hover {
	background: #2e82a4;
	border-left: 6px solid #145f7d;
}
 
div#navigation ul ul a{
	color: #FFFFFF;
} 
 
div#navigation ul:hover ul {
	position: absolute; 
	display: block;
}
[HTML] pobierz, plaintext 

tak jest lepiej

Ten post edytował krowal 3.12.2007, 12:13:11