Cambiare dimensione div

[merkb24]

Buongiorno a tutti,
Sto creando un sito web e vorrei sapere se è possibile cambiare la dimensione di una div facendo l'hover su un'altra div.
Mi spiego, in una certa pagina ho un menu con diverse voci che al passaggio del mouse creano un box trasparente a cascata (div "box"). Ciò che voglio ottenere è l'allungamento di questo box quando "passo sopra" una certa voce (blue)
Il codice principale HTML è:


...
<div class="menu_main">
<ul class="menu slide">
<li><a href="...." class="orange">NAME2</a></li>
<li><a href="...." class="blue">NAME1</a></li>
....
</ul>
<div class="box"></div>
</div>
...


Mentre il codice CSS:
....


.menu_main {
float:left;
font:normal bold 11px/35px verdana, sans-serif;
overflow:hidden;
position:relative;
left:50px;
}




.menu_main .box {
-moz-transition-duration:.4s;
-o-transition-duration:.4s;
-webkit-transition-duration:.4s;
background-color:rgba(255, 250, 250, 0.5);
height:0;
width:900px;
}
.menu_main:hover div.box {
height:250px;
}




...
....


.ul.menu li a.blue:hover,ul.menu li:hover a.blue {
background:#c00;
}


....




Grazie per la vostra attenzione. Spero di essere stato chiaro!

[sergioDario]

Beh, credo che tu l'abbia già fatto, questa parte del tuo codice dovrebbe fare quello che tu dici:

.menu_main:hover div.box {
height:250px;
}

ma il div box andrebbe selezionato con il #

.menu_main:hover #box {
height:250px;
}