tutti i browser diversi da internet explorer per windows non hanno motivo di visualizzarti le barre colorate, perchè quello non è un codice standard, ma un codice inventato completamente dalla microsoft!

comumque non capisco che intendi per css nel body.
Gli sili si posso applicare in tre modi.

inline: all'interno del tag a cui vuoi applicarli
es: <span style=[proprietà varie]

inclusi nelle pagine fra i tag <head> e </head> (prima del body)
es:
codice:
<head>
<style>
.testorosso {color: #333; font-weight: bold;}
</style>
</head>
e nel body
codice:
<p class"testorosso">testo</p>

oppure importati da un foglio di stile .css esterno
e poi si mettetra i tag <head>
codice:
	<link rel="stylesheet" type="text/css" 

oppure

href="style.css" />
	<style type="text/css">
	<!--
	@import url(style.css);
	-->
	</style>

è ovvio che se hai un'iframe questi stili vanno applicati alla pagina che è dentro l'iframe
sono questi itre modi per far funzionare uno stile!

comumque ti sconsiglio di colorare le barre!