JavaScript Menü IE6 <-- Problem

[duerov]

Guten Morgen,
ich habe folgendes Problem. Hab auf meiner Homepage ein Javascriptmenü das unter dem Firefox (1.0.6) tadellos funktioniert. Wenn ich die Seite allerdings im Internet Explorer (bei mir Version 6.0) aufruf kommt kein Menü. Er sagt auch nicht, dass da was fehlt oder nicht dargestellt werden kann, es ist einfach nichts da (JavaScript ist im IE aktiviert).
Hat da jemand einen Tipp woran das liegen könnte?
Gruß und Dank im Voraus
duerov


PS. Der Vollständigkeit halber hier mal das Menü (erwarte nicht, dass sich das einer durchließt!):
Code:

<script type="text/javascript">

if(!window.Node){
   var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
}
function checkNode(node, filter){
   return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
}
function getChildren(node, filter){
   var result = new Array();
   var children = node.childNodes;
   for(var i = 0; i < children.length; i++){
      if(checkNode(children[i], filter)) result[result.length] = children[i];
   }
   return result;
}
function getChildrenByElement(node){
   return getChildren(node, "ELEMENT_NODE");
}
function getFirstChild(node, filter){
   var child;
   var children = node.childNodes;
   for(var i = 0; i < children.length; i++){
      child = children[i];
      if(checkNode(child, filter)) return child;
   }
   return null;
}
function getFirstChildByText(node){
   return getFirstChild(node, "TEXT_NODE");
}
function getNextSibling(node, filter){
   for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
      if(checkNode(sibling, filter)) return sibling;
   }
   return null;
}
function getNextSiblingByElement(node){
   return getNextSibling(node, "ELEMENT_NODE");
}

// ||||||||||||||||||||||||||||||||||||||||||||||||||
// Menu Functions & Properties

var activeMenu = null;

function showMenu(){
   if(activeMenu){
      activeMenu.className = "";
      getNextSiblingByElement(activeMenu).style.display = "none";
   }
   if(this == activeMenu){
      activeMenu = null;
   }else{
      this.className = "active";
      getNextSiblingByElement(this).style.display = "block";
      activeMenu = this;
   }
   return false;
}
function initMenu(){
   var menus, menu, text, a, i;
   menus = getChildrenByElement(document.getElementById("menu"));
   for(i = 0; i < menus.length; i++){
      menu = menus[i];
      text = getFirstChildByText(menu);
      a = document.createElement("a");
      menu.replaceChild(a, text);
      a.appendChild(text);
      a.href = "#";
      a.onclick = showMenu;
      a.onfocus = function(){this.blur()};
   }
}

// ||||||||||||||||||||||||||||||||||||||||||||||||||

if(document.createElement) window.onload = initMenu;

</script>

[duerov]

Kommando zurück!
Mein Fehler, es hat nicht am JavaScript gelegen sondern an den CSS-Eigenschaften. Mit denen kommt der IE6 nicht zurecht, bzw. wurden die ja absichtlich rausgenommen. Jetzt weiß ich bloß nicht was ich dagegen tun soll. Hat da jemand nen Tipp?
Gruß und Dank im Voraus
duerov

Hier ist der Übeltäter Smile :

<style type="text/css">

body {
background-color: #4215DB; // #faf7ec
margin: 0;
//padding: 50px 0 0 150px;
}

ul#menu {
width: 100px;
list-style-type: none;
border-top: solid 1px #b9a894;
margin: 0;
padding: 0;
}

ul#menu ol {
display: none;
text-align: right;
list-style-type: none;
margin: 0;
padding: 5px;
}

ul#menu li,
ul#menu a {
font-family: verdana, sans-serif;
font-size: 13px;
color: #FFFFFF; //#785a3c
}

ul#menu li {
border-bottom: solid 1px #b9a894;
line-height: 20px;
}

ul#menu ol li {
border-bottom: none;
}

ul#menu ol li:before {
content: "+ ";
}

ul#menu a {
text-decoration: none;
outline: none;
}

ul#menu a:hover {
color: #539dbc;
}

ul#menu a.active {
color: #be5028;
}

</style>

[dkdenz]

Irgendwie wär's nicht schlecht, wenn Du das alles in eine HTML-Datei verpacken und es uns dann als Link anbieten würdest.
Dann könnte man das gleich am 'lebenden' Beispiel angucken und dran rumwursteln.
Es ist für viele (inklusive mir) einfach zu aufwendig die Snippets zusammenzubauen und dann erst dran rumzuschrauben.
Du wirst dann auch viel eher einen Tipp kriegen...

[duerov]

Hallo,
Ich hab das Menü mal hochgeladen, wenn du im Hauptframe auf Menü klickst wird dir der Code angezeigt.
http://duerov.du.funpic.de/
Gruß!

[duerov]

Jetzt wirds langsam peinlich, aber ich muss mein oben geschriebenes schon wieder als schmarrn abstempeln. Ich hab mir das Ganze immer bei einer Auflösung von 1024x768 angeschaut, wenn ichs mir allerdings auf 1280x1024 anschau seh ich das halbe Menü. Sprich, der IE interpretiert irgendwelche Abstände anders als der Firefox und schiebt mir das Menü unter mein Hauptframe. Jetzt muss ich halt irgendwie rausfinden, wie ich das einricht, dass es auf beiden Browsern gleich gut zu sehen ist. Also wenn da jemand einen Tip hat wär ich auch dankbar.
Gruß
duerov

PS. Der Quelltext ist immernoch auf http://duerov.du.funpic.de zu bewundern :-)