Chrome Menu Space on Top?

[Nacho]

1) Script Title: Chrome CSS Drop Down Menu 2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rome/index.htm

3) Describe problem: I'm trying to get rid of white space that appears on top of the Chrome menu bar. See here:

http://blog.willamette.edu/people/ncordova/rhet350/

The image that goes right above the menu is only about 156px and I would love the chrome menu bar to line up right below it with no white space in-between both. When I make the banner above the chrome menu bar smaller, say 140px, all that happens is that the chrome menu bar runs a bit on top of the banner. That is, it seems as if the chrome menu bar has some built in white space on top.

Any help? The site is heavily under-construction, not active yet, but would love to have it up and running by the time classes start!

Thanks for a great script!

N:)

[ddadmin]

I see the problem, though after tinkering with the CSS for a while, I didn't find an elegant solution to the problem. What I did come up with is just to manually move the menu up a specific pixel value to close that gap. Inside your CSS, change the below:


#chromemenu{
width: 100%;
margin: 0;
padding: 0;
background: transparent;
position: relative;
top: -15px;
}

The code in red is new. You can change "15px" to a larger or smaller number accordingly.

BTW, please note that your page is currently in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice:

[Nacho]

Thank you it worked like a charm! My apologies, I will include the proper attribution!

N