Uma pequena jóia de CSS que quero dividir com o mundo é como aplicar estilos à tag <hr /> usada para criar um fio ou linha horizontal e que é consistente nos 4 browsers mais populares.
A tag <hr /> ou horizontal rule já viveu dias melhores e hoje, relegada à pré-história do HTML, caiu no esquecimento pq todo mundo usa as bordas dos elementos. Isso não é justo!
As propriedades HTML dessa tag foram descartadas (deprecated) e não há muita informação, que eu saiba, sobre seu CSS, exceção pro About.com e meu amigo Marek da República Checa.
Uma solução que funciona no IE, no FF, Safari e Opera é a seguinte:
<hr style="size:1px;height:1px;border:0;background-color:blue;" />
As propriedades “size” e “height” definem a espessura do fio e “background-color” define - duh - a cor. A borda é zerada, pois de outro modo o Safari aplica 1px da borda, aumentando a espessura do fio.