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...
<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>
.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;
}