Leider wieder Problem mit Dropdown-Liste

[Enrico]

Hallo Matthias,

Du solltest keine Div-Suppe kochen

Ich habe jetzt den Code entschlackt und bis auf den nicht angezeigten Abschluss der Dropdown-Liste am linken Rand funktioniert es.

  
<div class="Dropdown">  
   <div class="DropdownLinks"></div>  
   <ul>  
      <li class="Auswahl">Größe ?</li>  
      <li class="Liste">  
         <ol>  
            <li>AA</li>  
            <li>BBBBBBBB</li>  
            <li>CCCCC</li>  
         </ol>  
      </li>  
   </ul>  
</div>  

~~~~~~css
  
div.Dropdown  
{  
   background: url(../GRAFIKEN/FormularDropdown.png) top right;  
   cursor:     pointer;  
   display:    block;  
   height:     22px;  
   width:      200px;  
}  
  
div.Dropdown:hover  
{  
   background: url(../GRAFIKEN/FormularDropdown.png) bottom right;  
}  
  
div.Dropdown:hover ul li.Liste  
{  
   display: block;  
}  
  
div.DropdownLinks  
{  
   background: url(../GRAFIKEN/FormularDropdownLinks.png);  
   display:    block;  
   height:     22px;  
   left:       0px;  
   position:   absolute;  
   top:        0px;  
   z-index:    99;  
}  
  
div.Dropdown ul li  
{  
   list-style: none;  
}  
  
div.Dropdown ul li.Auswahl  
{  
   height:      22px;  
   line-height: 22px;  
   margin:      0px 24px 0px 6px;  
}  
  
div.Dropdown ul li.Liste  
{  
   background: url(../GRAFIKEN/FormularDropdownListe.png) repeat;  
   display:    none;  
   width:      100%;  
}  
  
div.Dropdown ul li.Liste ol li  
{  
   list-style: none;  
}  
  
div.Dropdown ul li.Liste ol li:hover  
{  
   background: url(../GRAFIKEN/FormularDropdownOption.png) repeat;  
}  

Du wolltest aber wohl darauf hinaus, alles mit HTML5-Elementen nachzubilden, nehme ich an?

Gruß,
Enrico