このHTML5 <address>要素に問題がありますか？

Question

<div id="header-container"> 
     <address> 
     <ul> 
      <li>lorem ipsum</li> 
      <li>(xxx) xxx-xxxx</li> 
     </ul> 
    </address> 
</div> 

そして、CSSは次のようになります。

#header-container address {float: right; margin-top: 25px;} 

私はページをロードすると、それはクロム& IEで正常に見えますが、Firefoxでは、それは完全なスタイリングを無視しています。私はFirefoxでソースを表示すると、それは、上記のように見えますが、Firebugのでは、それは次のようになります。

<div id="header-container"> 
    <address> </address> 
    <ul> 
     <li>lorem ipsum</li> 
     <li>(xxx) xxx-xxxx</li> 
    </ul> 
</div> 

Answer 1

HTML5はまだドラフトです。 Firefox 3.6はまだHTML5を完全にサポートしていません。

そしてHTML4 specによると、addressのみを含めることができinline要素：

<!ELEMENT ADDRESS - - (%inline;)* -- information on author --> 
<!ATTLIST ADDRESS 
    %attrs;        -- %coreattrs, %i18n, %events -- 
    > 

Firefoxが無効なことを考慮して、改ページ理由です。

Answer 2

CSSに表示ブロックを追加します。次に、アドレスを閉じる前にclear_both divを追加します。 ブロック要素がインラインのものになっている問題を修正します。

あなたのCSS：

#header-container address {display: block; float: right; margin-top: 25px;} 
.clear { clear: both; } 

HTML：

<div id="header-container"> 
    <address> 
    <ul> 
     <li>lorem ipsum</li> 
     <li>(xxx) xxx-xxxx</li> 
    </ul> 
    <div class="clear"></div> 
    </address> 
</div> 

Answer 3

順不同リストは、アドレスタグの内にラップすることはできません。私はfirebugを使ってチェックし、Firefoxは順序のないリストの前にclose addressタグを移動します。