Hallo,
du könntest auch noch eineige <div> gegen besser geeignete element austauschen:
<div id="nav">
<div class="navhead">Inhalt1</div>
<div class="navbody">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
</div>
<div class="navhead">Inhalt2</div>
<div class="navbody">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
</div>
</div>
kann auch so ausshen:
<div id="nav">
<h..class="navhead">Inhalt1</h..>
<ul class="navbody">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
<h..class="navhead">Inhalt2</h..>
<ul class="navbody">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
</div>
finde ich besser/sinnvoller.
und die drei oberen divs kannst du auch locker mit float nebeneinander bringen, ohne position.
Gruss, Jan aus Dresden