html5 nav section,问题样式HTML5语义元素，如<section>,<nav>和<article>

我现在有ID为 “餐厅 - 信息”

HAML一个DIV：

#restaurant-info

%header#restaurant-header

%h2 Bob's Country Bunker

%nav#restaurant-tabs

...etc...

SASS：

#restaurant-info {

background: #F00;

}

在Firefox中，这是创建以下HTML：

Bob's Country Bunker

...etc...

此块在浏览器中使用红色(＃F00)背景进行了正确设置。如果我检查了部分元素，我看到：

#content #restaurant-info {

-moz-border-radius:5px 5px 5px 5px;

background:none repeat scroll 0 0 #FF0000;

margin-top:20px;

overflow:hidden;

}

然而，当我改变DIV的部分，像这样：

%section#restaurant-info

%header#restaurant-header

%h2 Bob's Country Bunker

%nav#restaurant-tabs

...etc...

在Firefox现在这导致下面的标记：

Bob's Country Bunker

...etc...

但是，节完全丢失背景颜色。然而，当我去检查Firefox中的部分元素，它是正确的风格确切以前一样：

#content #restaurant-info {

-moz-border-radius:5px 5px 5px 5px;

background:none repeat scroll 0 0 #FF0000;

margin-top:20px;

overflow:hidden;

}

为什么简单地改变一个正确的风格DIV(即仅由仅其在CSS ID标识)到SECTION元素打破Firefox 3.6.10中的样式？我为每一个可能的部分检查了“检查元素”，并且Firefox告诉我计算出的背景色是＃FF0000，但它并没有显示出来。这在Safari 5.0.2中似乎不成问题。

我可以得出的唯一结论是这是一个非常具体的错误。任何人有任何其他想法？