XHTMLforum - Überall funktioniert nur im IE6 nicht -> Flyout Menü

Hallo!

Folgender Code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">



<html>

<head>

        <title>TestSite</title>

        

        <style>

                ul#mainNav li#infos ul {

                        display: none;

                        list-style-type:none;

                        margin:0;

                        padding:0;

                }

                

                ul#mainNav li#infos:hover ul {

                        display:block;

                        position:absolute;

                        width:127px;

                        height: 16px;

                        margin:0;

                        padding:0;

                        list-style-type:none;

                }

                

                ul#mainNav li#infos:hover ul li {

                        list-style-type:none;

                        float:left;

                        margin:0;

                        padding:0;

                }

                

                ul#mainNav li#infos:hover ul li a {

                        width:127px;

                        height: 16px;

                        background:#6571b9;

                        display:block;

                        left:0px;

                        padding:5px 0 5px 0;

                        margin:0;

                        text-decoration:none;

                        color:#FFFFFF;

                        font-size: 12px;

                        font-weight: none;

                        font-family: Tahoma, Verdana,Arial,Helvetica;

                        border-top: 1px solid #fff;

                }

                

                ul#mainNav li#infos:hover ul li:hover a {

                        width:127px;

                        height: 16px;

                        background:#818bc8;

                        color:#ffff00;

                }

        </style>

        

</head>



<body>



<ul id="mainNav">

        <li id="home"><a href="#"><span>xxx</span></a></li>

        <li id="infos"><a href="#"><span>xxx</span></a>

                <ul>

                        <li><a href="#">&raquo; xxx</a></li>

                        <li><a href="#">&raquo; xxx</a></li>

                        <li><a href="#">&raquo; xxx</a></li>

                        <li><a href="#">&raquo; xxx</a></li>

                        <li><a href="#">&raquo; xxx</a></li>

                </ul>

        </li>

        <li id="links"><a href="#"><span>xxx</span></a></li>

</ul>



</body>

</html>
Bei onMousOver beim info-<li> müsste ein Flyout Menü aufscheinen... funktioniert auch überall bis ( komischerweise ) auf den ie6 ...

Weiss jemand Rat?

Thx!

Bis dann,
churchill