HTML-Interpretation auf Firefox

Question

dieser Code:

ist, wie es auf IE und Chrom ist:

<ul id="icons" class="ui-widget ui-helper-clearfix"> 

    <a href="javascript:void(0)" onclick="play();"> 
    <li class="ui-state-default ui-corner-all" ><span id="play" class="ui-icon"></span></li></a> 

    <a href="javascript:void(0)" title="next" onclick="nextVideo();"> 
    <li class="ui-state-default ui-corner-all" title="next"><span class="ui-icon ui-icon-seek-next"></span></li></a> 

    <a href="javascript:void(0)" onclick="volume();"> 
    <li class="ui-state-default ui-corner-all"><span id="volume" class="ui-icon"></span></li></a> 

</ul> 

aber auf Firefox wird es wie folgt aus:

<ul id="icons" class="ui-widget ui-helper-clearfix"> 

    <a href="javascript:void(0)" onclick="play();"></a> 
    <li class="ui-state-default ui-corner-all" ><span id="play" class="ui-icon"></span></li> 
    <a href="javascript:void(0)" onclick="play();"></a> 

. 
. 
. 

</ul> 

WARUM? Kann jemand irgendeine Lösung sehen?

Answer 1

Als Jan im Kommentar sagt - die Reihenfolge der <a> und <li> dazu:

<ul id="icons" class="ui-widget ui-helper-clearfix"> 

    <li class="ui-state-default ui-corner-all" > 
    <a href="javascript:void(0)" onclick="play();"> 
     <span id="play" class="ui-icon"></span></a></li> 

    <li class="ui-state-default ui-corner-all" title="next"> 
    <a href="javascript:void(0)" title="next" onclick="nextVideo();"> 
     <span class="ui-icon ui-icon-seek-next"></span></a></li> 

    <li class="ui-state-default ui-corner-all"> 
    <a href="javascript:void(0)" onclick="volume();"> 
     <span id="volume" class="ui-icon"></span></a></li> 

</ul> 

Answer 2

Hey, ich denke, ul nur li enthalten kann (vielleicht ul auch), versuchen, etwas wie folgt aus:

<ul id="icons" class="ui-widget ui-helper-clearfix"> 


    <li class="ui-state-default ui-corner-all" > 
     <a href="javascript:void(0)" onclick="play();"> 
      <span id="play" class="ui-icon"></span> 
     </a> 
    </li> 
    ...