Stopping Header Spacing

[Livenomadic]

I have a tableless CSS design.

Here is the header of my page:

<div id="site-slogan">Welcome to Widgetworld</div>
<div id="site-menu">
<a href="widget.com/Red/">Red Widget</a> :
<a href="widget.com/Blue/">Blue Widget</a> :
<a href="widget.com/Green/">Green Widget</a> :
<a href="widget.com/Black/">Black Widget</a> :
<a href="widget.com/Yellow/">Yellow Widget</a>
</div>

I want to place the slogan of the page (Welcome to Widgetworld) inside <h3> tags, however when I try it pushes the Widget list down causing other problems.

Is there a way to place something within <hx> tags without it pushing other elements around?

[Span]

Did you eliminate paddings and margins of the h3?

#site-slogan h3 {
margin:0;
padding:0;
}

[Livenomadic]

No, but thanks that fixed it.