Divs Overlapping

[Jaffa]

http://www.candy-delight.net/index.php

On my website my header div, navigation div & my ad div are overlapping each other.

At first it looked kinda funky, but it gets annoying when you start accidentally clicking the ads instead of the links. Good for making money, but it probably annoys my visitors.

Any way to stop them overlapping? Its 12 at night so im deadd, and I cant think of what to do.

[Clare.]

is seems fine to me but maybe try putting margin-top:2px;margin bottom:2px; in the navigation div

[sprinkle-splash]

Your site doesn't load for me :S

[Jaffa]

thats odd...
it works fine for me, and it hasn't been down, I'd know if it had because I've signed up to a service that e-mails me whenever its down...
=/

[Erin!]

Give the divs a height property like:

#header {
float: center;
width: 100%;
height: 165px;
}

#navigation {
float: center;
width: 100%;
text-align: center;
height: 30px;
}

You can adjust it to more exact numbers.