Home/ Questions/Q 6236657
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T10:53:15+00:00

I have the following code to create a 1px height line: <div style=width:300px; height:1px;

  • 0

I have the following code to create a 1px height line:

<div style="width:300px; height:1px; background-color:#ff3300; margin-top: -1px;"></div> <!-- top red line -->

The code works fine in Firefox, however in IE8, it is displayed as a 10px height line or so. How can I force IE to take into account the specified height?

Edit:

  • I just tried setting the min-height property to 1px but that didn’t work either.
  • max-height is ignored by IE too
  • Setting the line-height to 1 doesn’t help

Why is IE ignoring all my CSS rules?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just set font-size to 1px; IE is limiting height of this div to font size.

    • 0