errore bordo ul

[uMoR]

Codice:

    <div id="menusx">
    <ul>
        [*][url="#"]Link 1[/url]
        [*][url="#"]Link 2[/url]
        [*][url="#"]Link 3[/url]
        [*][url="#"]Link 4[/url]
    [/list]
    </div>

/////////////////////////////////////////////////////////////////

#menusx {
    float: left;
    width: 130px;
    margin: 0;
}
#menusx a {
    font-size: 11px;
    color: #4C81C9;
    text-decoration: underline;
}
#menusx li {
    list-style-image: url(images/layout_21.gif);
}
#menusx ul {
    border: 1px solid #D7D7D7;
} 

Il problema è che con ie il bordo parte dalla prima parola del li e non prima della list-style-image, inoltre lascia 30px dal bordo sx..

[fcaldera]

	<div id="menusx">
	<ul>
		[*]Link 1
		[*]Link 2
		[*]Link 3
		[*]Link 4
	[/list]
	</div>


#menusx {
	float: left;
	width: 130px;
	margin: 0;
}
#menusx a {
	font-size: 11px;
	color: #4C81C9;
	text-decoration: underline;
        padding-left: 15px;
        background: url(images/layout_21.gif) center left no-repeat;
}
#menusx ul{
	list-style: none;
        margin: 0;
        padding: 0;
	border: 1px solid #D7D7D7;
}

[uMoR]

Perfetto funziona! Grazie