IE vs. FF

aaaalso....

ich bastle zurzeit an einer privaten homepage...alles schön und gut...im firefox sieht es perfekt aus und funzt.
aaaaber...als ich die seite nun im IE geöffnet habe...war ALLES scheisse...
die sachen sind nicht dort wo sie hinsollten...untermenüs tauchten nicht auf...transparente Bilder werden einfach mit grau versehen....
und ich weiss nicht warum....und ich kann mit nicht mehr helfen *heul*

kann es sein das der doofe IE positionierungen (mittels css...) nicht versteht?

ein Problem wäre jetz weg... das mit dem positionieren....

aber noch ein anderes Problem....

ich habe bei der Navigation ein onmouseover drin...(von der kollegin kopiert) damit darunter eine weitere tabelle erscheint mit Links.... (verständlich? )
beim FF kommt es auch perfekt aber beim IE natürlich wieder nicht....
dh. ich habe... 7 links nebeneinander
beim IE kommt das Feld nur beim ersten Link...wenn man aber dann einen unterlink auswählen möchte, verschwindet es schon wider (man kann es nicht anwählen -.- )

das onmouseoverzeugs:
_______________________________________
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
function hoverIE() {
var LI = document.getElementById("Navigation").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
}
LI = LI.nextSibling;
}
while(LI);
}

function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}

function einblenden() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block"; UL.style.backgroundColor = "white";
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}

window.onload=hoverIE;
}
</script>
__________________________________________________

das CSS zeugs:
__________________________________________________
/* ________________________In den Boxen mit den Links drin________________________*/
ul#Navigation
{
margin: 0;
padding: 5;
text-align: left;
}

/* ________________________Position der Tabelle________________________*/
#Tabelle
{
position: absolute;
left:10px;
top:50px;
width:800px;
}

/* ________________________Position des Links "Wer"________________________*/
#Wer
{
position: absolute;
left:25px;
top:105px;
width:200px;
height:10px;

}

/* ________________________Position des Links "Aktuell"________________________*/
#Aktuell
{
position: absolute;
left:135px;
top:105px;
width:200px;
height:10px;
}

/* ________________________Position des Links "Mitglieder"________________________*/
#Mitglieder
{
position: absolute;
left:225px;
top:105px;
width:200px;
height:10px;
}
/* ________________________Position des Links "Anlasse"________________________*/
#Anlasse
{
position: absolute;
left:355px;
top:105px;
width:200px;
height:10px;
}
/* ________________________Position des Links "Links"________________________*/
#Links
{
position: absolute;
left:440px;
top:105px;
width:200px;
height:10px;
}
/* ________________________Position des Links "Bilder"________________________*/
#Bilder
{
position: absolute;
left:510px;
top:105px;
width:200px;
height:10px;
}
/* ________________________Position des Links "vereinsnachrichter"________________________*/
#vereinsnachrichten
{
position: absolute;
left:580px;
top:105px;
width:200px;
height:10px;
}
/* ________________________Anordnung der Boxen in denen die Links sind________________________*/
ul#Navigation li
{
list-style: none;
float: left;
position: relative;
margin: 0.2em; padding: 5;
display: block;
}

* html ul#Navigation li
{ /* Korrektur fuer den IE 5 und 6 */
margin-bottom: -0.1em;
display:block;
}

*:first-child+html ul#Navigation li
{ /* Korrektur fuer den IE 7 */
margin-bottom: -0.1em;
}

ul#Navigation li ul
{
margin: 0; padding: 0;
position: absolute;
top: 1.2em; left: -0.5em;
display: none; /* Unternavigation ausblenden */
}

* html ul#Navigation li ul
{ /* Korrektur fuer IE 5.x */
left: -1.5em;
lef\t: -0.4em;
}

*:first-child+html ul#Navigation ul
{ /* Workaround fuer den IE 7 */
background-color: white;
padding-bottom: 0.4em;
}

ul#Navigation li:hover ul {
display: block; /* Unternavigation in modernen Browsern einblenden */
}


/* ________________________Ausrichtung der Unterlinks________________________*/
ul#Navigation li ul li
{
float: none;
display: block;
margin-bottom: 0.1em;
}
_____________________________________________

ach so viel code..... *schock*

danke übrigens für die schnelle anwort....

leiter gottes bin ich nicht fähig das dropdowndings so zu entkommentieren kommentiert lassen etc. damit es etwas anderes gibt ausser einem wurm wörter.....

also...
ich möchte mein javaScript behalten! das dropdown funz nicht! im IE schon aber im FF dafür nicht. also, lmaa!

weiss den wirklich niemand wie ich dieses unterfeld im IE RICHTIG anzeigen lassen kann?
es soll doch nur erscheinen und man soll darauf klicken könneeeen... *snif*

alle probleme behoben! danke schön!!!!! (an alle! )

nur noch etwas winziges...abr das kann man überbrücken....
im IE muss man aaaaffenschnell sein um auf die unteren Links zu kommen....
aber eben...überbrücken!

merci nochmal @all!!!