<li> problems with Opera 7.54

[AdamZman]

i have created a list of images and i want them to have a margin/padding of 5px at the bottom of all of the but i have got it to work on IE6 and Mozilla 1.7.3 but with Opera 7.54 it just seems do nothing

and sagestions on how to get a margin/padding on the li's in Opera 7.54???

HTML CODE:

<div id="takecontrol">
<ul>
<li><a href="/"><img src="Images/updateyoursite.gif" alt="UPDATE YOUR WEBSITE EASILY"></a></li>
<li><a href="/"><img src="Images/limitcontent.gif" alt="LIMIT CONTENT TO CERTAIN PEOPLE"></a></li>
<li><a href="/"><img src="Images/driveenquiries.gif" alt="DRIVE ENQUIRIES"></a></li>
<li><a href="/"><img src="Images/hostyoursiteoffshore.gif" alt="HOST YOUR SITE OFFSHORE"></a></li>
</ul>
</div>

CSS CODE

#takecontrol
{
margin:0;
padding:0;
float:left;
width: 321px;
height: 58px;
margin-top: 73px;
}

#takecontrol ul
{
margin:0;
padding:0;
}


#takecontrol li
{
display:inline;
padding-bottom: 5px;
margin-bottom: 5px;
}

looks like this in IE and mozilla


but looks like this in Opera



Thanks Adam

[Paul O'B]

Hi,

Try this:

#takecontrol
{
margin:0;
padding:0;
float:left;
width: 321px;
height: 58px;
margin-top: 73px;
}
#takecontrol ul
{
margin:0;
padding:0;
}

#takecontrol li {padding-bottom: 5px;}
* html #takecontrol li {display:inline;}

You didn't put in your image sizes so I couldn't test properly, but I think it does what you want.

Paul

[AdamZman]

thanks dude