Firefox мутирует <a>, обернутый вокруг <ul>в большой беспорядок дублирующихся <a>

Question

Chrome, IE8, Safari и Opera ведут себя так, как я ожидал, но Firefox разворачивает это ...

<a class="header" href="a_link.html">
    <ul class="header">
        <li class="price">$17,880</li>
        <li class="year">2006</li>
        <li class="make">Honda</li>
        <li class="model">Civic</li>
    </ul>
</a>

... в это ...

<a href="a_link.html" class="header"></a>
    <ul class="header">
    <a href="a_link.html" class="header"></a>
    <li class="price"><a href="a_link.html" class="header">$17,880</a></li>
    <a href="a_link.html" class="header"></a>
    <li class="year"><a href="a_link.html" class="header">2006</a></li>
    <a href="a_link.html" class="header"></a>
    <li class="make"><a href="a_link.html" class="header">Honda</a></li>
    <a href="a_link.html" class="header"></a>
    <li class="model"><a href="a_link.html" class="header">Civic</a></li>
    <a href="a_link.html" class="header"></a></ul>
<a href="a_link.html" class="header"></a>

Кто-нибудь видел это раньше?

Приветствия

Answer 1

@ номеронабиратель правильный. Но только дополнительное примечание: использование doctype html должно исправить это - оно превратит страницу в стандарты html 5, что позволяет использовать привязки таким образом.

Это может быть нежелательно по другим причинам, но я подумал, что упомяну это!