The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Try using a full doctype even when you are testing. I think you'll find that ie starts behaving better.

Paul

Paul,

Thanks. I added the Doctype, and that clears up part of the problem. However, in Mozilla to menu heading seem to crash into each other. Also, the arrows are still not fully right justified. There seems to be some padding somewhere. I just can't figure out where it is defined.

Also, in IE as I scroll over to the 2nd or 3rd level menus, the arrows flicker.

Finally, it seems as though all the dropdown boxes are the same width. I don't really mind that, but was wondering of I could have them fit to the largest entry. And allow the hover to fill the complete width, rather than just the text.

I was looking at this but my system keeps going down (time for a new computer I think) si I didn't make mucch headway.

I had a look in NN6 and nothing was showing at all. I could manage to get the first level to display by changing the design but NN6 doesn't support the hover properly and will only hover after the text for some reason. Checking on the web it seems that this is the reason that no one has been able nn6 work with the suckerfish menus.

You would have to just make the first level a link for NN6 and send it to an intermediate page. You will probably have to do this anyway for ie users with js disabled.

Unfortunately my system when down and I lost the code so I don't have anything to offer for NN6 at the moment.

Regarding fluid widths I manged to get ie working ok with a bit of hacking but mozilla won't enlarge the child to be bigger than the parent. The easiest solution would be just to increase the widths to cover all the text.

This is the line you need to alter to move the first level farther apart.

Code:

#nav li {
float:left;
margin-right:25px;
}

In your page its set to 90px so you could just set it to something larger or try a min-width. Ie increases the width automatically anyway.

I was also messing about with teh code below which doesn't look to bad in firefox but isn't right in IE. You might be able to play around with it a bit