[css] poziome multilevel menu, problemy Opcje

[lonek]

Witam,

Ostatnio zaciekawił mnie temat "pure css" menu - poszukałem trochę i znalazłem czego chciałem: http://www.alistapart.com/articles/dropdowns.

Menu dopasowałem nawet do swoich potrzeb, zmieniając delikatnie jego wygląd:
http://www.sv.pl/menu/index.php

(Plik .css jest tu)

I teraz.. dwa problemy, których nie udało mi się pokonać:

Problem 1: W Firefoxie wszystko działa dobrze, ale w IE rozwijane menu znika kiedy kursor znajdzie się na tej małej białej przestrzeni między górnym elementem a dolnymi.. Hm.. Nie wiem czemu :\

Problem 2: Pojawia się, kiedy chcę dodać na tej samej stronie poniżej, jakieś normalne <ul> <li>, które ma wyglądać standardowo, HTMLowo (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Reformatuje mi wtedy na css, of kors.. i wszystko sie kaszani.
Jak rozdzielić normalne <ul> <li> od tych wykorzystywanych w menu? Żeby na jednej stronie mogło być i to i to..

Dzięki.

[gekon]

Primo: poprawnie formatuj - cudzysłowie zamiast apostrofów.
Secundo: Po to W3C dało Ci id (które stosujesz w HTML ale w CSSie o nim zapominasz) żeby odróżnić od siebie elementy na stronie.
A co do problemu pierwszego: IE nie lubi jakichkolwiek przerw, a padding dla UL jest przerwą.

Ten post edytował gekon 15.05.2007, 23:14:48

[prond]

Też miałem z tym problem, ale pomógł taki trick:
#nav li a
{
height:1%;
}

Możesz zobaczyć moje menu na : http://axent.nazwa.pl/prolaser.pl

Jak sobie je ściągniesz i usuniesz styl height:1% z tagów a to będzie znikać w IE. Dlatego zakładam, że patent polega właśnie na tym.