Zostałem poproszony o zakodowanie strony internetowej mftransport do CMSa (Joomla).

Wszystko byłoby skończone gdyby nie fakt błędnego wyświetlania menu w IE... W Operze, Firefoxie i
Chromie długość poszczególnych elementów ładnie się dostosowuje do całkowitej szerokości strony, a w IE działa to tylko dla pierwszego elementu...

Podgląda live: mftransport.pl

CSS odpowiadający za menu:

[HTML] pobierz, plaintext 
#menu a, input[type="submit"]  {
	border: 1px solid #a1211b;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	width: 152px;
	padding-right: 30px;
	margin-right: 10px;
}	
 
#menu a:hover, #active_menu {
	background: #efefef !important;
	color: #000 !important;
}	
#menu {
	height: 41px;
	margin-top: 30px;
	width: 1000px;
	color: #fff;
	text-align: justify !important;
	font-size: 12px;
}
#menu a {
	text-decoration: none;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;	
	margin-right: 31px !important;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-family: gots;
}
[HTML] pobierz, plaintext 

Będę bardzo wdzięczny za pomoc, bo już szczerze nie mam siły do tej przeglądarki...

Może specjalny arkusz stylów dla IE:

[HTML] pobierz, plaintext 
<!--[if IE]>
kod tylko dla IE
<![endif]-->
[HTML] pobierz, plaintext 

?

Jeżeli nie znajdzie się lepszy sposób to tak zrobię, aczkolwiek nie lubię takich rozwiązań.

To dziadostwo stworzono chyba tylko po to, żeby denerwowało...

IE nie rozpoznaje display:table-cell - po co ci w menu te separatory. Wyłącz je i ustaw li na konkretną szerokość dla div#menu ustaw taką jakie ma być menu i daj overflow hidden a ul#menu ustaw na szerokość taką jak div#menu + prawy margines który zrobisz pomiędzy elementami li

Zrobiłbym tak, ale niestety klient chce zmieniać liczbę elementów w menu, a Twoje rozwiązanie nie dostosowywałoby ich szerokości (muszą zajmować całą szerokość - kolejne wymaganie klienta).
Dzięki za info, że IE nie rozpoznaje table-cell