CSS Dropdown menu for the header- With Categories!

[gee38l]

Hey All,

Im trying to get my menu to fit the width of my webpage but i cant seem to be able to do it....

I changed this:

div#dropMenu {
width:100%;

But it still doesnt fit the width there is small gap on the left hand side and in firefox there is a few px gap but not in ie.

Can anyone assist?

[gee38l]

Oh the few px gap is at the bottom of the menu...

Link: www.truwater.com.au

[limelites]

Hey All,

Im trying to get my menu to fit the width of my webpage but i cant seem to be able to do it....

I changed this:

div#dropMenu {
width:100%;

But it still doesnt fit the width there is small gap on the left hand side and in firefox there is a few px gap but not in ie.

Can anyone assist?

If you open your stylesheet_header_menu.css and look for the #div#dropMenu li {

You'll see two entries like width:16.667%; width:16.649%; these control the width of each top level button.

Further down you'll see these lines:

div#dropMenu>ul a {width: auto;z-index:1000;}

and

div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 14.3em;display:block;z-index:1000;}

and

div#dropMenu ul.level8{top: 0; left: 16.7em; background:#4f4f4f}

you should play with editing the 16.7 in these lines.... those are the values I use for the width of my own drop down panels.

If you play around with it you'll get it right....