Layout med överlappande sidebar

Hur gör jag för att få en div att överlappa en annan? (Meny på den bifogade bilden.) Klantar bara till det med negativa marginaler och absolut position (som jag antar att man ska använda sig av..

ett sätt
http://member.webforum.nu/1029/shun.htm

mv icaaq

Hur fixar man dit mellanrum mellan texten i main och menyn då? Testade ändra padding, men menyn går ändå 30px in.

padding-right: 80px;

Om jag vill få en högerkant som anpassar sig (har samma padding på högersidan) antingen efter menyns vänsterkant eller efter mains högerkant (efter att menyn tagit slut). Se bild.

Ett sätt att lösa det:

<style type="text/css">
#content {
	width: 200px;
	border: solid red;
	color: #003399;
	font-style: italic;
}

#content h2 {
	padding: 0 20px
}

#content p {
	padding: 20px;
}

p#meny { /* p:et här är viktigt */
	position: relative;
	float: right;
	width: 40px;
	height: 120px;
	margin-left: -20px;
	left: 30px;
	padding: 10px;
	background: white;
	border: solid red;
}
</style>

...

<div id="content">
<h2>innehåll</h2>

<p id="meny">meny</p>

<p>aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa
   aa aa aa aa aa aa aa aa aa</p>

Tack! Den fungerade bra. Vill man lägga till flera "menyer" är det bara att ändra id till klass och lägga till clear:right och en marginal i y-led.