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