Trying to modify top navigation

I don’t claim to be an expert in design, but don’t you think that grey bar looks nice? Even without anything in it?

Avrohom

I’m not an expert at this, but I think you could delete (or save in another place):

<div id=”submenu-bg”>
</div>

This still leaves some blank lines. Then maybe in your header you can reduce the height.

Does this help at all?

Yes – that is helpful. I had already tried removing the following:

<div id=”submenu-bg”>
</div>

But, as you mention, there was still some space there since all this does is remove the styles. I couldn’t figure out how to remove the space itself. I will try to figure out which styles are setting the height so that I can change them and see if that fixes it.

Thanks for your help,

Elise

<div id="submenu-bg">
</div>

brings in the bar with this in your css (it uses a jpg for background)

div#submenu-bg {
  background: transparent url(img/bg-submenu.jpg) 0 0 repeat-x;
  height: 30px;
  width: 985px;
}

which sounds like you pretty much had figured out….

But if you delete (or comment) that out, you still have a gap?
my guess would be this in your style.css

#header { margin-top: 10px; height: 146px; position: relative; }

I think that height is set to accomodate that bottom bar?