Site showing different in Firefox 2.0.0.20?

On my website http://www.printyourbrackets.com, I have tested it on IE 6 and 7 and the latest release of Firefox it looks how I want it, but in Firefox 2.0.0.20 the google ads at the top move up and cover up my top menu.

You can view the source on any page, I used dreamweaver templates, below is the CSS that may apply. Also if anyone has Safari could you tell me if everything lines up O.K.
Thanks


body {
margin: 0;
padding: 0 0px 0 5px;
background: #151515 url(images/img01.jpg) repeat-x left top;
text-align: center;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #7F7772;
}
#wrap {
margin: 0 auto;
width:996px;
text-align: left;

}

#header {
width: 100%;
margin: 0 0px 0px 10px;

}




#menu {
width: 960px;
height: 55px;
margin: 0 0;
float:left;


}

#menu ul {
margin: 0;
padding: 10px 0 0px 0 ;
list-style: none;


}

#menu li {
display: inline;

}

#menu a {
display: block;
float: left;
background: url(images/img03.gif) no-repeat left 75%;
padding: 10px 30px 0 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #FFFFFF;
}

#menu a:hover {
color: #FF6800;
}


#googleads {

width:700px;
margin: 0px auto;
padding: 0px 0 30px 0;
}

 

Your google ads aren't clearing your floated menu, which is why the overlap occurs. Add the following to your css to fix it.

#googleads {
  clear: both;
}

Code (markup):

 

You can install a windows version of Safari to test it out yourself:
http://www.apple.com/safari/

It looked fine on the test copy I had.

 

Thanks you're awesome worked like a charm!!