[CSS] Pozioma linia Opcje

[aeaeae]

Może pytanie wydaje się banalne, ale męczę się nad tym już jakiś czas. Jak zrobić w IE (ja mam akurat IE6, ale myślę, że w późniejszych wersjach jest podobny problem) poziomą linię (niech będzie, że na całą szerokość) o wysokości dokładnie 1px. Próbowałem hr i div, ale zawsze wychodzi wysokość 2px mimo, że daję height:1. Zorientowałem się, że w IE blok nie może mieć mniejszej wysokości niż jedna linia czcionki dlatego daję font-size:0.

Naprawdę nie rozumiem czemu jest z tym aż taki kłopot. Nie chcę przecież nic innego jak dać na stronie element blokowy (obojętnie już jaki), który będzie miał jakiś tam mój kolor i wysokość 1. Tylko tyle.

HTML

[HTML] pobierz, plaintext 
costam
<div class="line"></div>
costam
[HTML] pobierz, plaintext 

CSS

[HTML] pobierz, plaintext 
*{margin:0;padding:0}
.line{height:1;font-size:0;background-color:#FF0000}
[HTML] pobierz, plaintext 

[Daiquiri]

Nie mam na chwilę obecną dostępu do IE, ale

[CSS] pobierz, plaintext 
hr {
border: 0; margin: 0; padding: 0;
height: 1px; border-top: 1px solid #FF0000;
}
[CSS] pobierz, plaintext 

powinno chyba zadziałać.

Dlaczego ustawiasz height na 1?