Simular tag <hr /> ou eliminar margens da mesmo no IE

[ultramagus 1]

Gostaria de usar a tag <hr /> , mas ela possui uma margem no Internet Explorer a qual não consigo retirar de jeito nenhum, nos outros navegadores esta margem não aparece (Firefox, Opera, Safari)... além disso li que seu uso será descontinuado.

Tentei então simular uma <hr /> usando uma div vazia, assim:

//No arquivo CSS
.linha{
	width:100%;
	height:1px;
	background:#CCCCCC;
	margin-bottom:8px;
	margin-top:8px;
}

//No HTML
<div class="linha"></div>

Isto funciona perfeitamente no Internet Explorer 7, Firefox, Opera e Safari; porém no Internet Explorer 6 e anteriores (ainda muito usados) essa div fica larga, como se tivesse uma altura mínima ficando impossível utilizá-la.

Existe alguma forma de fazer com que essa div apareça nestes navegadores “antigos” da mesma forma que aparece no IE7? Ou... existe alguma outra forma de simular um <hr /> ou até mesmo retirar a margem dele no IE?

[Guilherme Rambo 4]

Tente o hr assim:

 

hr {
		border:none;
		border-top:1px solid red;
		height:1px;
		outline:0;
		padding:0;
		margin:0;
		color:red;
		display:block;
		}