[SOLVED] How to put line under pages menu or remove space above bar1

I've got my header area set up with a custom widget that has my logo in it with a search box under it in 1 cell, and the other cell has a photo & link.

Under that is my menu bar, which I have shifted up and to the left so that the right edge aligns with the right edge of my logo.

Then I have bar1.

I'd like to have a line under that pages menu that is the same length as my logo.

I tried moving bar 1 up, but couldn't get it to work--I could only add space under it, not take any away above it.

I also tried adding an html horizontal rule in the widget cell with my logo & search box, but couldn't get it positioned correctly to show under the menu.

What is the best way to get a line under my menu bar, where I want it? Here's my test blog, where I'm setting things up.