pos. relativo dei DIV... errore

[FreeManX]

Ciao,
ho un problema che mi sta facendo imbufalire e' non riesco a risolverlo.

ho la seguente regarchia:

<div id="bodyPage">
  <div id="CVMenu">
  </div>
  <div id="CVBody">
  </div>
</div>

Con associati i seguenti fogli di stile:

#bodyPage {
	position: absolute;
	left: 2.5%;
	top: 180px;
	width: 95%;
	height: auto;
	z-index: 7;
}
#CVMenu {
	position: relative;
	left: 0%;
	top: 0px;
	width: 30%;
	height: auto;
	z-index: 8;
}
#CVBody {
	position: relative;
	left: 30%;
	top: 0px;
	width: 70%;
	height: auto;
	z-index: 9;
}

Ora quello che voglio ottenere da tutto cio' e avere due div affiancati, uno che faccia da menu e l'altro da contenuto (come si faceva con le due colonne e una riga delle tabelle).

Il problema sta che con dreamwear (vedi fig1) li vedo correttamente affiancati dentro il frame bodyPage, ma se li apro con IE,Firefox,Mozilla,Opera li vede come in figura (vedi fig2).

Perche dove sbaglio???


Allego figura 1 (nell'altro post figura 2)