menu nao funciona em IE

[fernandogirao]

Olá, fiz um blog no bloger e introduzi um menu através de uma miniaplicação que funciona na perfeição no firefox ou google chrome mas já no IE é um problema, não consigo selecionar as ultimas opções.

O código é este:

<script src='http://mybloggertricks.googlecode.com/files/dropdownddlevel.js' type='text/javascript'></script>
    <style>
    

    .ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
    font: normal 13px Verdana;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: blue;
    border: 1px #cccccc;
    border-bottom-width: 0;
    visibility: hidden;
    z-index: 100;
    }

    .ddsubmenustyle ul{
   display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    border: 0px none;
    }

    .ddsubmenustyle li a{
    display: block;
    width: 150px; /*width of menu (not including side paddings)*/
    color: #000000;
    background-color: #9ccdaa;
    text-decoration: none;
    padding: 4px 5px;
    border-bottom: 1px #cccccc;
    }

    * html .ddsubmenustyle li{ /*IE6 CSS hack*/
    display: inline-block;
    width: 150px; /*width of menu (include side paddings of LI A*/
    }
.ddsubmenustyle li a:hover{
    background-color: #000000;
    color: #ffffff;
    }

    .downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
    padding-left: 4px;
    border: 0;
    }

    .rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
    position: absolute;
    padding-top: 3px;
    left: 100px;
    border: 0;
    }

   
    .ddiframeshim{
    position: absolute;
    z-index: 500;
    background: 9ccdaa;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
    }

     

    /* ######### Vertical Menu ######### */

    .markermenu{
    width: 150px; /*width of side bar menu*/
    clear: left;
    position: relative;

    }

    .markermenu ul{
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    border: 1px solid #9A9A9A;
    }

    .markermenu ul li a{
    background: #9ccdaa url(http://2.bp.blogspot.com/-iqYq70P-LtU/T2YgqBSJzCI/AAAAAAAAGGY/cl6QgaRIGQY/s400/bulletlist.gif) no-repeat 3px center;
    font: bold 13px "Lucida Grande", "Trebuchet MS" ;color: #336699;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-left: 20px;
    text-decoration: none;
    border-bottom: 1px solid #B5B5B5;
    }

    * html .markermenu ul li a{ /*IE6 hack*/
    width: 155px;
    }

    .markermenu ul li a:visited, .markermenu ul li a:active{
    color: #00014e;
    }

    .markermenu ul li a:hover, .markermenu ul li a.selected{
    color: #ffffff;
    background-color: #000000;
    }

     

    </style>

    <div id="ddsidemenubar" class="markermenu">
    <ul> 
    
    <li><a href='#'rel="ddsubmenuside1">A</a></li>
    <li><a href='#'rel="ddsubmenuside2">B</a></li>
    <li><a href="#"rel="ddsubmenuside3">C</a>
    </li>
   </ul>
</div>

<script type="text/javascript">
    ddlevelsmenu.setup("ddsidemenubar", "sidebar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
    </script>

<ul id="ddsubmenuside1" class="ddsubmenustyle blackwhite">
    
    <li><a href='#'>D</a></li>
    <ul>
    <li><a href="#">E</a></li>
    <li><a href='#'>F</a></li>
    </ul>
    <li><a href='#'>G</a></li>
    <li><a href='#'>H</a></li>
    <li><a href='#'>I</a></li>
    <li><a href='#'>J</a></li>
      
</ul>

    <ul id="ddsubmenuside2" class="ddsubmenustyle blackwhite">

    <li><a href="#">K</a>
        <ul>
    <li><a href='#'>L</a></li>
        </ul></li>
    <li><a href='#'>M</a></li>
    <li><a href='#'>N</a>
        <ul>
    <li><a href='#'>O</a></li>
    <li><a href='#'>P</a></li>
    <li><a href='#'>Q</a></li>
        </ul></li>
    <li><a href='#'>R</a></li>
        </ul>

        <ul id="ddsubmenuside3" class="ddsubmenustyleblackwhite">

    <li><a href='#'>S</a></li>
    <li><a href='#'>T</a></li>
    <li><a href='#'>U</a></li></ul>

[brunoais]

Tens CSS no meio do HTML. Até é um milagre que funcione no firefox.