hr in IE 7 viel höher; in IE 8 wieder anders

[fux]

Hallo,

habe eine style-Definition
hr.adminmenu { text-align:left; width:350px; height:3px; color:#D3D3D3; background-color:#D3D3D3; border: 1px solid #004080; margin:14px 0px }

Im IE 7 wird die hr um etliche Pixel höher angezeigt (vert. margin + ca. 5px)
Im IE 8 und FF nahezu gleich - bis auf ...

... siehe Beispiel http://de.selfhtml.org/html/text/trennlinien.htm#gestalten_css - hier ist ferner zu sehen, dass IE 8 und FF height unterschiedlich interpretieren. FF nimmt die height inkl. border-width, IE nimmt height nur für die innere box (background).

Gibt es eine Lösung rein in CSS um auf gleiches Aussehen in den Browsern zu kommen ohne serverseite Switches zu nehmen oder dieses IE-Konstrukt <!--[if IE]>?

Gruß, Robert