Q:

How can I get my jQuery Menu to be at the very (VERY) top of the page?

I've got a jQuery menu on my page, and it's working great (thanks to the people who helped me on my last post), but it's floating about 15px (by my very rudimentary calculations) from the top of the page, and I want it to sit at the very very top if possible.  
EDIT:  It floats 10px down in chrome and firefox
Here's a couple screenshots of what's going on

Here's my css for the menu bar, so you can see what's going on:
#menu{
    height:30px;
    width: 100%;
}

#menu > li{
    float:left;
}

#menu > li > ul > li{
position:relative;
width:auto;
}

#file-menu{
width:75px;
}

#applications-menu{
width:160px;
}

A:

It seems your body probably has a margin or padding set to it.  
You should get into a habit of using a CSS Reset (which resets all styles to be consistent [as they can] across browsers)
Include this file before all other CSS style sheets you have, it should resolve your issues.
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.10.3/build/cssreset/cssreset-min.css">

Alternatively, you can just add the css:
body{margin:0; padding:0} /* At the very top of your CSS sheet */

