Thin Facebook style menu

I am trying to make a thin menu to go along the top of my site.  I am using the original template to do this.

I have managed to get the logo to align to the very left, and the menu to stay in line with the page. Now there is just a big gap between the menu, and the very top.

Could someone tell me where I am going wrong and how to fix this?

Here is the test link for it www.stuartcomputingservices.co.uk/scripts/boonex/d7

Here is the logo and menu section of my _sub_header.html:

<code>

<bx_injection:banner_top />


<bx_injection:injection_between_logo_top_menu />


<div class="sys_ml" style="width:__main_div_width__;">

<div class="sys_ml_wrapper">
<bx_injection:injection_logo_before />

<bx_injection:injection_logo_after />
</div>
</div>
<div class="sys_top_menu">


__main_logo__


<bx_injection:injection_top_menu_before />
__top_menu__
<bx_injection:injection_top_menu_after />       
<div class="clear_both">&nbsp;</div>
</div>

</code>

Cheers guys

Pedro

You need to adjust the height of the top block, it's simply to tall.

Use FF with Firebug and it'll put you in the exact spot (file & line #) to adjust it.

That's whats bugging me.

Firebug tell me this;