http://testarea.sensationdesigns.com/triexa/

The dropdown menu... at the top...

Okay so three main questions:

1) At 800x600, the last item shows up off the screen. Is there anyway to have it automatically not show off the screen?
2) Is it bottom to have the bounding boxes of each of the subitems be aligned to the right edge of the text rather than the left?
3) Is it possible to have the whole row clickable, rather than just the text?

I also just noticed that the "Community" and "contact us" links do not work in opera... but they work in IE?

I had to change the z-index, otherwise the menu didn't display over everything....?

I pointed out a few things I thought might solve the 800x600 problem in the other thread you have about this. If you can't get the problem solved you can try using the menu system at:

http://www.htmldog.com/articles/suckerfish/dropdowns/

It's the best menu system I've found to creat dropdowns. it's fast and lightweight, uses valid code, and best of all uses a minimal amountof javascript to make it work in IR (it's under 10 lines of javascript)

It would mean redoing the css to get things to look like you have them now, but if you can't get the one you have there now to work this might be a good option.

vangogh -- if you look at my code I changed my menu system to the suckerfish dropdown menu...

Now that's funny. The menu looks good. I did just notice that for me in Firefox only I'm not seeing any of the content are. Only the header and footer. Everything is working in IE and Opera.

Originally Posted by vangogh

Now that's funny. The menu looks good. I did just notice that for me in Firefox only I'm not seeing any of the content are. Only the header and footer. Everything is working in IE and Opera.

aww crap.

That's because of the z-index on the #container.. but removing that causes the drop-down to go behind it

HMMM!?!?

Easy solution. Take the z-index off #conatiner and then add

div#nav {position:absolute; z-index:5}

Should work in all browsers.

Originally Posted by vangogh

Easy solution. Take the z-index off #conatiner and then add

div#nav {position:absolute; z-index:5}

Should work in all browsers.

In opera it makes the text left-aligned rather than the last link up against the right edge... but it works "overlapping" in opera, but not in IE...

Most recent version available:
http://testarea.sensationdesigns.com/triexa

Off the top of my head, issues are:
1) In IE it does not display "over" everything else
2) In IE the background color does not change to gray

using latest version of IE & Firefox, Opera 8.51...

I'm not seeng the issue you described with Opera above or the IE not displaying over everything else. I'm using Opera 8.5 and IE 6. Did you manage to solve the issues with each?

If you're still having the opera problem it may just need a text-align:right on the menu.

I know IE will do that though. Sometimes you need to give the outermost div that's containg the menu a higher z-index than what you want it to be over. You may need to give the header div a greater z-index than the container div.

With the backgound color not changing in IE I think you need to add the background color to

li li a:hover

If the a:hover isn't lining up with the list item you might have to play around with the widths of each. I think the suckerfish menu has the link and the list item to be the same width.

ya i fixed the issue between posting it and now.... thanks though

I thought so. When I looked everything was working pretty good so I was wondering if I was simply losing my mind. Of course your having fixed things doesn't necessarily disprove that as my friends and family will sometimes atest to.

Glad you got it all worked out. It's looking good. What do you think of the suckerfish menu?