Hi Ashley,
You may need to design around your issues. That sounds like a lot of
nav items for this type of menu so you are bound to run into width
problems. The navbar style of menu is not really intended to be
designed in such a way that it requires items to wrap onto subsequent
rows.
1. This sounds like you have set a fixed width for the menu so it
doesn't contract with the screen width.
2. Your CSS was almost correct except that IE6 does not understand the
direct descendant selector (>) so you should change to:
.sf-navbar ul {width:100%;}
3. You are in for a world of pain attempting this as IE's z-index bug
will fight against you every step of the way. I think you can somehow
apply a decreasing z-index value to each submenu's parent li to get
around this.
Joel Birch.
