ok Im new to CSS but I love its power, so here's my problem.

my site that's using CSS is www.themancavern.com
and if you notice, the Man Of The Week and Page 2 button are floating div tags.
This is because after 2 hours of trying to figure out where to place the div tags in the code to get them into that position resulted in failure.

All i want is 2 boxes outside the main body to the right so I can have a man of the week section, and a little box at the bottom for page number links. I dont want them absolutely positioned though, i want them to be like regular div tags.

The code after the placement of the AP div tags looks like this

<div id="stranka">

<div id="logo">
<h1 align="center"><a href="index.html"><img src="finalogo.gif" alt="LOGO" width="480" height="61"></a><span class="style6"><a href="mailto:Mancavern@gmail.com">| contact</a></span></h1>
<p>&nbsp;</p>
</div>

<menu>
<h2>Manu</h2>
<li><a href="demotivational/demotivational.html" title="Link"><strong>Demotivationals</strong></a></li>
<li><a href="#" title="Link"><strong>Link</strong>(later)</a></li>
<li><a href="#" title="Link"><strong>Link</strong>(later)</a></li>
<li><a href="#" title="Link"><strong>Link</strong>(later)</a></li>
</menu>


<div id="obsah">
<h2>&nbsp;</h2>
<p class="style1">&nbsp;</p>
<p class="style1">&nbsp;</p>
<p class="style1">&nbsp;</p>
<p class="style1">&nbsp;</p>
</div>

<p id="pata">&copy 2010 www.TheManCavern.com</p>
</div>
<div style="text-align: center; font-size: 0.75em;">Page created with CSS</div>

<!-- GoStats Simple HTML Based Code -->
<a target="_blank" title="stats tracker" href="http://gostats.com"><img alt="stats tracker" 
src="http://c5.gostats.com/bin/count/a_1013789/t_6/i_15/counter.png" 
style="border-width:0" /></a>
<!-- End GoStats Simple HTML Based Code -->

</body>
</html>

without even reading your post i see

<menu>
<h2>Manu</h2>
<li><a href="demotivational/demotivational.html" title="Link"><strong>Demotivationals</strong></a></li>
<li><a href="#" title="Link"><strong>Link</strong>(later)</a></li>
<li><a href="#" title="Link"><strong>Link</strong>(later)</a></li>
<li><a href="#" title="Link"><strong>Link</strong>(later)</a></li>
</menu>

which is not correct. the <menu> tags there are structured like html tags, which is not possible.
The code should look like this:

<div id="menu">
<h2>Manu</h2>
<li><a href="demotivational/demotivational.html" title="Link"><strong>Demotivationals</strong></a></li>
<li><a href="#" title="Link"><strong>Link</strong>(later)</a></li>
<li><a href="#" title="Link"><strong>Link</strong>(later)</a></li>
<li><a href="#" title="Link"><strong>Link</strong>(later)</a></li>
</div>

then you can style your menu div

Thanks for catching that! I now have the Man Of The Week box almost exactly how I want it, i had to start those div tags before the main box of the site, but now Its pushing the rest of the divs down on the site. I tried padding the main body div to 0 but it still stays below, is there anyway to make the Man Of The Week box flush with the main body div?