[xhtml][css] wysypanie się menu <li> pod IE Opcje

[!*!]

Tak mniej więcej wygląda menu, proste, z wyświetlanym obrazkiem po lewej, a po prawej napis... I wszystkie przeglądarki wyświetlają to poprawnie, oprucz IE... IE stwierdza że nie może umieścić obrazka w <li> i daje go poza ten znacznik psując cały układ... Ma ktoś jakiś pomysł na "obejście tego" ? Mi się już skończyły...

[HTML] pobierz, plaintext 
<div class="p7">
		<ul>
		<li><img src="1.png" style="float: left; margin: 5px;" alt="" /><a href="#">menu1</a></li>
		<li><img src="2.gif" style="float: left; margin: 5px;" alt="" /><a href="#">menu2</a></li>
		<li><img src="3.png" style="float: left; margin: 5px;" alt="" /><a href="#">menu3</a></li>
		</ul>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.p7{
	float: right;
	margin-top:10px;
	padding: 0;
	height: 78px;
   border-bottom: 1px solid #cfcabc;
 
}
 
.p7 ul{
 
	margin: 0;
	padding: 0;
	list-style:none;
 
 
 
}
 
.p7 ul li{
 
	margin: 0;
	padding: 0;
 
 
}
 
.p7 ul li a{
 	display: block;
 
 	padding-top: 5px;
 	padding-left: 5px;
 
	background-color: #e9e7e0;
 
	color: #000000;
	text-decoration: none;
	text-align: left;
	width: 129px;
	height: 20px;
	border-top: 1px solid #cfcabc;
	border-left: 1px solid #cfcabc;
		border-right: 1px solid #cfcabc;
 
}
 
.p7 ul li a:visited{
color: #000000;
}
 
.p7 ul li a:hover{
	background-color: #e5ecf9;
	border-left: 1px solid #7aa5d6;
}
[HTML] pobierz, plaintext 

Ten post edytował !*! 31.03.2008, 14:47:21