Witam!

Współtworzę serwis http://www.zubrzyjepodlasiem.pl
Login: depart, haslo: depart, strona jest w fazie testow.

Mam dziwny problem menu, które oparte jest o komponent Joomli - TransMenu. Otóż menu to rozjeżdża się w IE7. Myślałem, że to problem przez display: table-cell, ale przy display: inline też nie działa. Dodatkowo dziwnie jest gdyż w Fx co kilkadziesiąt przeładowań menu też się rozjeżdza podczas gdy w większości przypadków jest ok.

Oto kod HTML:

[HTML] pobierz, plaintext 
<div id="wrap">
<div id="menu2">
<ul>
<li class="first-child">
<a href="http://www.zubrzyjepodlasiem.pl/index.php?option=com_content&task=blogcategory&id=1&Itemid=52" id="menu52"> <img src="http://www.zubrzyjepodlasiem.pl/images/stories/conowego.gif" border="0" alt="Co Nowego?"/></a></li>
<li><a href="http://www.zubrzyjepodlasiem.pl/index.php?option=com_content&task=blogcategory&id=2&Itemid=53" id="menu53"> <img src="http://www.zubrzyjepodlasiem.pl/images/stories/krolpuszczy.gif" border="0" alt="Król Puszczy"/></a></li>
<li><a href="http://www.zubrzyjepodlasiem.pl/index.php?option=com_content&task=blogcategory&id=3&Itemid=54" id="menu54"> <img src="http://www.zubrzyjepodlasiem.pl/images/stories/raportsrodowiskowy.gif" border="0" alt="Raport Środowiskowy"/></a></li>
<li><a href="http://www.zubrzyjepodlasiem.pl/index.php?option=com_content&task=section&id=4&Itemid=56" id="menu56"> <img src="http://www.zubrzyjepodlasiem.pl/images/stories/zubrwakcji.gif" border="0" alt="Aktywności Żubra"/></a></li>
</ul></div></div>
[HTML] pobierz, plaintext 

A oto kod CSS:

[HTML] pobierz, plaintext 
#wrap {
	position:absolute;
	top: 70px;
	left: 190px;
	width: 620px;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
#menu2 {
}
 
#wrap #menu2 ul {
	width:100%;
}
 
#wrap #menu2 li {
    display: table-cell;
	width: 6px;
	padding-left: 18px;
	padding-right: 16px; 
	padding-bottom: 5px;
	background-image: url(img/menu-separator.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#wrap #menu2 li:first-child { 
	padding-left: 0;
	background-image: none;
}
#wrap #menu2 li a {
    display: block;
	height: 37px;
}
#wrap #menu2 li a img {
	vertical-align: top;
}
 
 * html #wrap #menu2 ul {
	float: right;
}
 * html #wrap #menu2 li {
	height: 42px;
    display: inline; 
}
 * html #wrap #menu2 li.first-child { 
	padding-left: 0;
	background-image: none;
}
[HTML] pobierz, plaintext 

Jak ktoś ma jakiś pomysł jak to rozwiązać w IE7...

Pozdrawiam i dziękuję za pomoc