Problém s menu v IE a Chrome

Zdravím, snažím sa robiť svoj prvý vážnejší dizajn, (skúšobne na ňom pracujem tu: http://lindseystirling.sk/menu123/ ) ale mám v rámci menu problém v Chrome a ďalší problém v IE (v IE mám problém na rovnakom princípe aj s hoverom pri prihlásení napravo).

V IE sa jedná o to, že keď mám nejaký vysúvací element (v menu položka videá + vpravo príhlásenie), jednoducho sa nevysunie. Dosť som okolo toho pátral a našiel som len to, že k položke, na ktorú sa aplikuje hover, musím dať odkaz (<a href>). Urobil som to, avšak IE na to kašle...

V Chrome mám zase ten problém, že pri vysunutí položky Videá sa nachádza hlavný obsah stránky (#content) medzi vrstvami menu. Jediné, čo som skúšal, je opraviť to cez z-index, avšak tiež nepomohlo...

Ďakujem za akúkoľvek konštruktívnu radu

Ku tomu chrome, z-index sa používa len v kombinácií s position (je jedno, či relative, absolute, alebo fixed - záleží od situácie). Skús tomu li nastaviť position: relative a uvidíš, že to zafunguje.

funguje, vdaka

Keďže je to web o Lindsey Stirling (ktorej album mi pred pár dňami prišiel), tak sa ti pokúsim poriadne poradiť.
Na začiatku máš BOM (napr. tu máš vysvetlené, čo to je), ktorý ti tu stránku rozbíja (minimálne v IE).
Zabudni tiež na nezmyselné elementy ako header, article a pod., ktoré zatiaľ nemajú všade podporu a v ničom stránke nepomáhajú.

Keď si to opravíš a budú ďalšie chyby, tak napíš.

Vďaka, opravil som BOM, tagy aj ďalšie chyby z toho validátora. Dúfam, že ďalší album si budeš môcť kúpiť priamo zo stránky, aj keď to chce ešte veľa práce + asi jednanie s manažmentom

Chystám sa ešte na dva kurzy phpčka, určite na stránke bude ešte veľa čo riešiť