Posted by Ingo Schmidt on 03/26/07 10:02

Hi everyone!

I created a menu purely based on CSS. The basic functionality is there,
but I do have so many problems with the different browsers and I have
absolutely no idea where to start looking. I hope someone here can help
me. Here is a sample of the site:

http://www.der-ingo.de/test/css-menu/rev1/index.php.htm

The problems I encounter are these:

Firefox 1.5.0.11:
- Menu entries are not full width. I don't see why.


Firefox 2.0.0.3:
- Go to menu "Gruppenkalender", scroll right down, place the mouse 1 or
2 pixels below "Uni" and then click. How can I prevent this? How is this
even possible?


Internet Exploder 5 and 6:
Everything is totally f*cked up. Haven't looked into it, probably needs
its own CSS file. Do not bother.


Internet Exploder 7:
The vertical scrollbar seems to be displayed inside the block element,
causing a horizontal slider to be shown, too. How can I prevent this?


Opera 9.10:
- A horizontal scrollbar is always shown. You can scroll 1 pixel with
it. Great. How do I prevent this?
- Sometimes, not always, the menu already closes, even I am still
hovering over the horizontal scrollbar.
- In the Menu "Gruppen" or "Gruppenkalender" try to select the very last
entry ("Uni"). What on earth is going on here?


I am totally stuck. According to W3C Validator everything is 100% valid
HTML and CSS.
Any hints how I can get the browsers to do what I want? Is it at all
possible to do a menu like this? JavaScript is absolutely not an option!

Am I doing something horribly wrong or are the browsers just so messed up?!


Cheers, Ingo =;->

[Back to original message]