Ciao ragazzi,

Sapete come distanziare da un punto elenco (*) il testo (Item ..) ?:

Agendo sul valore di "text-indent" di ".txt_dx" che si trova all'interno, riesco a farlo con FF 1.0.4, non invece con IE6.0

Ecco come si vede con

--> IE6.0 (i puntini simulano lo spazio)

*..Item one
*..Item two
*..Item three
... bla bla bla
*..Item four
*..Item five


--> FF 1.0.4 (i puntini simulano lo spazio)

*.Item one
*. Item two
* Item three
... bla bla bla

*. Item four
*.Item five


Inoltre, vorrei che il proseguimento dell'item (bla bla bla) del punto elenco che si trova in una colonna di appena 120px finisse sotto il punto elenco

* Item three
bla bla bla


Le altre 2 cose strane sono
- con "list-style-type: disc", il punto elenco "disc" si vede con FF ma in IE viene tradotto in "square"

- mentre in IE l'hover del link disposto all'interno del punto elenco appare sottolineato al passaggio del mouse, con FF no :master:

CSS

.menubar_dx {
width: 120px;
\width:122px;
w\idth:120px;
border: 0px solid #AB6400;
margin-top: 64px;
margin-left: -23px;
padding:0px;
text-align: left;
}

.txt_dx {
color: #7E4317;
line-height: 15px;
text-indent: -4px;
text-align: left;
font-size: 11px;
}

#navlist li {
padding: 0px;
list-style-type: disc;
}

li {
list-style-position : outside
}



a.top:link {
color: #7E4317;
font-weight:bold;
text-decoration: none;
}

a.top:visited {
color: #7E4317;
font-weight:bold;
text-decoration: none;
}

a.top:hover {
color: #7E4317;
font-weight:bold;
text-decoration: underline;
}

a.top:active {
font: normal;
color: #7E4317;
}

/* hack per 3 Pixel Jog di IE */
* html .menubar_dx {
margin-left: -16px;
}


L' HTML

<div class="menubar_dx">


<ul id="navlist">
[*]<div class="txt_dx">Item one</div>
[*]<div class="txt_dx">Item two</div>
[*]<div class="txt_dx">Item three bla bla bla</div>
[*]<div class="txt_dx">Item four</div>
[*]<div class="txt_dx">Item five</div>
[/list]


</div>