[css] Problem z menu nawigacyjnym, (rozjeżdża się pod IE 6, 7, Chrome, Opera) Opcje

[swiezak]

Witam.
Nie mogę sobie poradzić z poprawnym zakodowaniem w CSS menu nawigacyjnego umiejscowionego po lewej stronie (http://tech-project.eu). Przykładowo po wybraniu 'Oferta dla klientów' w Chrome są dziwne odstępy nad i pod podkategoriami (części toczone, części frezowane itd.). W IE 7 jest jeszcze większa tragedia. Nie jestem autorem tego 'wynalazku', więc bardzo proszę o wyrozumiałość i pomoc.

Kod CSS:

[HTML] pobierz, plaintext 
.menubackground{
background: url(../img/intro/menubackgroundintro.png) left top no-repeat;
padding-left: 30px;
padding-top: 5px;
margin-left:15px;
margin-top:10px;
width: 188px;
height: auto;
}
 
#leftcolumn{
float: left;
margin-left: -1100px; /*Set margin to that of -(MainContainerWidth)*/
width: 290px;
overflow: hidden;
}
 
.innertube_menu { /* own setting */
   margin: 10px;
   margin-top: 0;
   width: 225px;
   overflow: hidden;
}
 
div.module_menu ul{
   padding-left: 0px;
   text-align: left;
   list-style: none;
}
 
.module_menu a{
color: white;
text-decoration:none;
}
 
ul.menu .active {
   background: url(../img/menu_on.png) no-repeat;
   width:230px;
   height: auto; /* own setting */
 
}
 
li#current{
   background: url(../img/menu_on.png) repeat-y;
   width:230px;
   height: auto;
}
 
li#current span { /* own setting */
   display: block;
   margin-top: -20px !important;
   margin-top: 0px;
   width: 200px;
   height: auto;
   line-height: 26px;
   padding: 0 0 0 25px;
   position: relative;
   clear: both;
   cursor: pointer;
}
 
li#current ul li span { /* own setting */
   display: block;
   width: 180px;
   height: auto;
   padding: 0 0 0 25px;
   position: relative;
   clear: left;
   cursor: pointer;
}
 
#current ul .active {
   background: url(../img/menu_on.png) repeat-y;
   width:230px;
   height: auto;
}
 
ul.menu li ul li{
   background: url(../img/menu_on.png) repeat-y;
   width: 215px;
   padding-left: 15px;
   text-transform: none;
   font-family:Arial;
   font-size:12px;
   line-height: 26px;
}
 
ul.menu li{
   background: url(../img/menu_off.png) repeat-y;
   width:230px;
   height: auto;
   text-transform:uppercase;
   font-family:Arial;
   font-size:12px;
   line-height: 26px;
}
 
ul.menu li:hover{
   background: url(../img/menu_on.png) repeat-y;
   width:230px;
   font-family:Arial;
   font-size:12px;
}
 
div.module_menu ul li a:link, div.module_menu ul li a:hover {
   text-decoration: none;
   line-height: 26px;
   height:26px;
}
 
ul.menu li a{
  font-weight: bold;
  text-decoration: none;
  line-height: 26px;
  height:26px;
  padding-left: 25px;
}
 
ul.menu li a:hover{
  font-weight: bold;
}
 
ul.menu li ul li a{
  font-weight: lighter;
}
 
ul.menu li ul li a:hover{
  font-weight: lighter;
  text-decoration: underline;
}
[HTML] pobierz, plaintext 

Kod HTML:

[HTML] pobierz, plaintext 
<div id="leftcolumn">
 
            <div class="menubackground">
 
				<div class="innertube_menu">
 
											<div class="module_menu">
 
			<div>
 
				<div>
 
					<div>
 
											<ul class="menu">
												<li class="item1"><a href="http://localhost/tech-project_www/"><span>Strona główna</span></a></li>
												<li id="current" class="parent active item123"><a href="/tech-project_www/pl/o-firmie.html"><span>O Firmie</span></a>
													<ul>
														<li class="item124"><a href="/tech-project_www/pl/o-firmie/aktualnoci.html"><span>Aktualności</span></a></li>
														<li class="item125"><a href="/tech-project_www/pl/o-firmie/kariera.html"><span>Kariera</span></a></li>
													</ul>
												</li>
												<li class="parent item98"><a href="/tech-project_www/pl/oferta-dla-klientow.html"><span>Oferta dla klientów</span></a></li>
												<li class="item105"><a href="/tech-project_www/pl/oferta-dla-podwykonawcow.html"><span>Oferta dla podwykonawców</span></a></li>
												<li class="item106"><a href="/tech-project_www/pl/maszyny.html"><span>Maszyny</span></a></li>
												<li class="item107"><a href="/tech-project_www/pl/jako.html"><span>Jakość</span></a></li>
												<li class="parent item108"><a href="/tech-project_www/pl/nasi-partnerzy.html"><span>Nasi partnerzy</span></a></li>
												<li class="item91"><a href="/tech-project_www/pl/kontakt.html"><span>Kontakt</span></a></li>
											</ul>
					</div>
 
				</div>
 
			</div>
 
		</div>
 
 
				</div>
 
            </div>
 
</div>
[HTML] pobierz, plaintext 

Ten post edytował swiezak 27.12.2011, 19:37:15

[Damonsson]

W operze też jest tragedia...więc tylko ff jest chyba ponadprzeciętnie tolerancyjny.

Błąd powoduje:

[CSS] pobierz, plaintext 
techproject.css:174
li#current span { 
clear: both;
cursor: pointer;
display: block;
height: auto;
line-height: 26px;
margin-top: -20px !important;
padding-bottom: 0px;
padding-left: 25px;
padding-right: 0px;
padding-top: 0px;
position: relative;
width: 200px;
 }
[CSS] pobierz, plaintext 

line-height: 26px;
margin-top: -20px !important;

[swiezak]

Po usunięciu tych 2 atrybutów w dalszym ciągu jest problem z odstępami.

[Damonsson]

w 10 różnych miejscach masz line-height: 26px. Które się nadpisuje.

Napisz to porządnie, bo to się do niczego nie nadaje póki co.