buongiorno

io ho un menù fatto a liste ([*]) per mettere una immagine prima di ogni voce di menù ho messo un background dentro il[*], poi per staccare il testo gli ho dato un ident, il problema è che quando vado a ridurre da 1024 a 800x600, no mi rimango allineati ho provato con list-style-position: outside; ,ma non mi aiuta

questo è il codice del mio li

#content #left ol ol li a {
display:block;
width:100%;
margin:0;
background:url('/img/mnu_dot.gif') 7px center no-repeat;
color:#000309;
background-color:#FFFFFF;
font-weight:normal;
text-decoration:none;
line-height:1.3em;
text-align:left;
text-indent: 20px;

}