se tolgo height il div scompare...

[freank]

salve ragazzi,
mi succede una cosa strana...
ho due menù orizzontali, uno sopra e uno sotto la pagina.
Per quello di sotto nessun problema. restringendo la finestra funziona tutto perfettamente.
per quello di sopra invece (costituito da 3 div (sinistra, centro e destra) sto avendo dei problemi).

<div id="TopNavWrap">
<div id="NavSx"></div>
<div id="TopNav">
<div class="ButtonNavTop"><a href="ecc.ecc."/>&nbsp;HOME&nbsp;</a></div>
<div class="ButtonNavTop"><a href="ecc.ecc."/>&nbsp;INDIEGAMES&nbsp;</a></div>
</div>
<div id="NavDx"></div>

se infatti tolgo il valore height a NavSx ( o NavDx che è praticamente la stessa cosa) questo div scompare.
Penso succeda perchè esso ( ha un float : left, necessario per l'allineamento ed ) è vuoto.
css del div NavSx:

#NavSx {
width: 5%;
height: 100%; -> che voglio togliere
background-image:url("../Images/menu_left.png");
background-size: 100% 100%;
background-repeat: no-repeat;
float: left;

Come posso farlo "restare" togliendo il valore height ?

p.s. tolgo height perchè devo fare che si adatti alla pagina nel momento in cui si ristringe.

p.p.s. il sito in questione è questo : http://freankexpo.net