Seletor Filho (>)

Oi pessoal!

Bom, disseram que se eu tivesse dúvida poderia vir aqui novamente... Sendo assim, eis-me aqui! rs...

Estou com uma dúvida sobre a aplicação de propriedades através do comando CSS ">". Até onde li, esse comando faz com que as propriedades descritas sejam aplicadas a todo elemento filho (por favor, me corrijam se eu estiver errada). Assim, se eu tenho o código:

body>p { font-size: 12px; }

Isso significa que todo elemento "P" filho de "BODY" terá sua fonte no tamanho 12px. Apliquei algo semlhante no site que estou desenvolvendo e no firefox funciona, mas no IE não.

Gostaria de saber se alguém já enfrentou algo parecido com a utilização deste método ou se sou eu quem está entendendo errado.

Seguem os códigos para vcs darem uma olhadinha:

HTML

CODE
<!--Conteúdo-->

 <div id="conteudo">

 <div id="painel_navegacao">

 <p>Menu</p>

 <a id="fecha_menu" href=""><img src="Site/Imagens/Fechar_Painel.gif" /></a>

 </div>

 <div id="detalhes">

 <img class="img_reservas" src="Site/Imagens/Pasta.gif" />

 <p>Reservas</p>

 </div>

	</div>

<!--Fim do Conteúdo-->

CSS

CODE

#painel_navegacao > p{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 3px;

}

#detalhes > p {

	font-weight: bold;

	font-size: 14px;

}

Obs: Deixei apenas os códigos realmente relevantes para evitar a perda de tempo com leituras desnecessárias.

Desde já, agradeço. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif