Trying to get ezpages bar Hover and width working correctly - css issue

Hi

On this page
nzhuntingproducts<dot>co<dot>nz

The ezpages menu bar (the grey horizontal bar beneath the logo) just won't behave, the width won't work and the hover is not covering the whole cell

This is what I want the ezpages menu bar to look like

nzhuntingproducts<dot>co<dot>nz/photos/

Any help would be appreciated

Thanks

On your homepage the menu:

is being drawn differently than on the photos page:

<div id="menu">
    <ul></ul>
</div>
<div id="header">
    <div id="photo-logo"></div>
</div>
<!--     NIGEL     -->
<div id="list-menu"></div>
<!--     Nigel     -->

they are two separate menus.

Yes they are two seperate menus thats because the photos section is a wordpress blog, whereas the main site is Zencart. I am trying to make the zencart ezpages menu look identical to the menu bar in the photos section (wordpress)

Sorry about that

You will need to edit your includes/templates/YOUR_TEMPLATE/css/stylesheet.css particularly #navEZPagesTop {} also check for any duplicates of #navEZPagesTop span {} and #navEZPagesTop a {}

You have conflicting span, a, a:hover line height and font sizes

Hope this helps you.

Hmm, I'll look at that, i actually think i have solved it, as i found that the "EZ-Pages Header Link Separator" in admin was set as a couple of non breaking spaces, once i deleted the seperators the bar has started working better.

I will go through my files as i lot of thing were altered wneh i was trying to figure out exactly the problem was

I noticed that while reviewing your site with FireFox element inspector. It looks like now you just need to edit #navEZPagesTop span { font-size: 1.2em; }

Cheers for that, it should be working better now