Hello,

I'm having a problem with link's display on IE6.
Opera, IE7, Firefox, Safari display this:


and this is my desired result and everything looks fine. Now IE6 is somehow ignoring left padding property and displays menu in this way (ignore the PNG icon background problem, it is not my major headache... for now



I've tried to play with CSS, look for the answer in various forums, but came with nothing. So I decided to ask for the help here, I hope that more experienced webmasters than me will give a solution

Thanks in advance and here is an excerpt from my CSS code:

div.module_turinys ul {
	list-style: none;
	margin: 0; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;	
}
div.module_turinys ul li{
font-size: 12px;
margin: 0;
padding: 0px;
width: 181px;	
}
div.module_turinys ul li img{
float: left;
padding: 4px 0px 0px 5px;
width: 13px;
height: 15px;	
}
div.module_turinys ul li a.mainlevel {
color: #000000;
padding: 3px 0px 3px 26px;
display: block;
background: #bef0be;
border: solid 1px #FFFFFF;
}
div.module_turinys ul li a.mainlevel:hover {
background: #96dca9;
text-decoration: none;
}
div.module_turinys ul li a.sublevel {
color: #FFFFFF;
padding: 5px 0px 3px 26px;
display: block;
background: #96c0c0;
}

Have you got the page on line ? We really need to see ALL the code, html and css both to see what's going on.

Originally Posted by LadynRed

Have you got the page on line ? We really need to see ALL the code, html and css both to see what's going on.

Yup, it's still on construction stage though, but almost everything is complete.
http://www.lentvaris.info/index.php

I would suggest that you put the image in as a background on the <a>, then adjust the padding/margins on the text as needed.