ralative div taggar

Hejsan har suttit och klurat med div taggar nu som har position relative
grejen är den hur gör jag om jag vill att den mina div taggar ska vara relative till en viss grej och inte till div taggen över?

just nu anpassar sig positionen till mina div taggar till den div tagg som är över
kolla hur jag skriver:

<div id="menu" style="position:relative; width:200px; height:5px; z-index:50; left:0px; top: 0px;" >
			
			<div id="rocken1" style="position:relative; width:200px; height:3px; z-index:3; left:140px; top: -60px;">
				<img src="bilder/delar/meny/rocken.png" onClick="MM_goToURL('parent','index.html');return document.MM_returnValue" onMouseOver="MM_showHideLayers('rocken2','','show')" onMouseOut="MM_showHideLayers('rocken2','','hide')">
			</div>
			<div id="rocken2" style="position:relative; width:200px; height:3px; z-index:2; left:160px; top:-85px; visibility:hidden">
				<img src="bilder/delar/meny/rockenf.png">
			</div>
			
			<div id="mat1" style="position:relative; width:200px; height:1px; z-index:5; left:240px; top: -67px;">
				<img src="bilder/delar/meny/mat.png" onClick="MM_goToURL('parent','index.html');return document.MM_returnValue" onMouseOver="MM_showHideLayers('mat2','','show')" onMouseOut="MM_showHideLayers('mat2','','hide')">
			</div>
			<div id="mat2" style="position:relative; width:200px; height:1px; z-index:4; left:240px; top:-85px; visibility:hidden">
				<img src="bilder/delar/meny/matf.png">
			</div>
			
			</div>

jag vill att alla knappar ska vara relative till "div menu" men nu är tex mat relative till rocken vilket blir lustigt när tex rocken2 blir visible så flyttar sig min mat knapp.
Hoppas ni hänger med och har någon bra lösning
MVh Stavve