Mostrare un div con l'evento rollover

[abcd1000]

Volevo sapere se tramite solo css è possibile realizzare la seguente cosa

quando passo il mouse su un div, viene mostrato un altro div, quindi riferendosi al seguente codice

<div id="uno">

bla bla bla

<div id="due" style="display:none">
Eccomi!
</div>

</div>


volevo sapere se passando il mouse sul div 'uno', posso visualizzare il div 'due'

io ho provato questo codice ma non funziona:

#uno:hover #due{
display: block;
}

[custanz]

in teoria se i div sono innestati, cioè il secondo sta dentro al primo

dovrebbe funzionare ma non su ie, che non supporta l'hover su elementi che non siano a

[abcd1000]

non mi funziona nè con firefox nè con ie6 o ie7

sapete mica suggerirmi un codice che funzioni magari utilizzando anche il tag <a> ?

grazie

[Mich_]

Non mescolare CSS inline con CSS strutturato.

Quello inline sovrascrive gli altri, e chiaramente la cosa poi non funziona.

Per la realizzazione di una cosa che funzioni anche in IE6, puoi far riferimento ad alcuni menu, tipo quelli drop-down, che fanno visualizzare un pezzo al passaggio su un link (vedi "link utili" per riferimenti a menu "solo CSS").

Fondamentalmente la struttura e`:

<div class="esterno">


  <a href="..." title="...">
    <span class="interno">
      qui la cosa che deve apparire/sparire
    </span>
  </a>
</p></div>

Con CSS del tipo:

.esterno {
  width: ...;
  height: ...;
}
.esterno p {
  width: ...;
  height: ...;
}
.esterno a {
  width: 100%;
  height: 100%;
  display: block;
}
.esterno a:link .interno {
  display: none;
}
.esterno a:hover .interno {
  display: block;
  position: absolute;
  left: ...;
  top: ...;
}

[fcaldera]

aggiungi anche

.esterno a:hover {
  direction: ltr;
}

o non funzionerà con explorer