list-style

[blur]

ciao,
dunque io ho una pagina generata dinamicamente in cui ho inserito degli elenchi. solo che i punti elenchi stessi "sforano" dal corpo centrale per entrare nella colonna sx. dato che non posso inserire su <ul>, per provare,

list-style-position:inside

non ricordo come inserirlo inline, cioè tra i tag head

[blur]

dunque avrei parzialmente risolto ( mi è tornata la memoria ) mettendo nell'head

<style type="text/css">ul{list-style-position:inside}</style>

però persiste il problema che non mi tiene il padding, cioè i punti elenco sono attaccati al margine dx della colonna sx. se aggiungo il padding, i punti elenco ritornano nella colonna sx... :master:

[blur]

ciao,

sto da un pò di tempo con questi elenchi.
qui ho messo una pagina di prova per vedere il problema.
in pratica all'interno di un paragrafo formattato con

gli elenchi non mi tengono il padding sx impostato a 18px.
posto anche la parte di css che potrebbe interessare:






* {margin:0; padding:0}
html, body {height:100%}

body{
font-family: verdana, sans-serif, arial, impact, helvetica, Times New Roman ;
font-size:.8em;
}

#container {

background: #fff;
}

#banner {
background-color: #fff;
}


#stripe{

background-color:#fff;
line-height:0;

}



#menu{
clear:both;
text-align:center;
padding: 5px;
background-color: #03A1C4;

}


#content {
padding: 0px;
margin-left: 215px;
background-color: #fff;
border-left:1px solid #ccc;
text-align:justify;


}

#content p{
padding:18px;

}

#sidebar-a {
float: left;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-right: 0px;
padding: 5px;
background-color: #fff;
}


}

#footer {
clear: both;
padding: 5px;
margin-top: 0px;
background-color: #fff;
border-top: 1px solid #ccc;
}

suggerimenti?