Comments on: 1px Dotted Border Bug In Internet Explorer 6

By: Kashif

Kashif — Thu, 26 Feb 2009 10:38:44 +0000

in I.E (6 and 7) have problem. the combobox border color not hidding, it is bug.

By: Bjarni

Bjarni — Tue, 21 Oct 2008 02:17:33 +0000

Hi Stefan, thanks for the article, most helpful.

I had a similar problem where IE 6 would not show border-bottom: 1px dashed #000; though would work in IE7 (It may be due to floating?). Anyway to save time I used your mentioned technique to resolve the issue as well as being able to stylise the dashed line to my liking. Saving it as a gif for me added a touch more versatility too.

By: Stefan Vervoort

Stefan Vervoort — Sun, 03 Aug 2008 21:03:46 +0000

@ME – Thanks for helping out!

By: me

me — Mon, 28 Apr 2008 13:49:54 +0000

@ Guzabi
Sorry, no chance for that, unless you know the size of the element (in px, not em!)
This, of course, breaks usability with scaled font size — for professional use not an option.

By: Stefan Vervoort

Stefan Vervoort — Sun, 27 Apr 2008 20:25:19 +0000

@ Guzabi – I couldn’t find much online, and I didn’t try it because I found the bug when I used border-bottom:1px dotted #000;

Regarding your question, I made a sample, which can be found here. http://www.divitodesign.com/dd-articles/1px-border-bug/ie-border-try.html

As you can see, the bug occurs in border:1px dotted #000; as well!

By: Stefan Vervoort

Stefan Vervoort — Sun, 27 Apr 2008 19:42:59 +0000

@me – I didn’t really think of that, but it’s a good idea. Of course a GIF image does a better job here.

Thanks for your comment and tip!

By: Guzabi

Guzabi — Sun, 27 Apr 2008 19:42:03 +0000

Yeah. What if you have this :

#myelement {
border: 1px dotted #000;
}

Uh ?

By: me

me — Sun, 27 Apr 2008 12:26:11 +0000

Just fine hint, but there is one issue.
You should not save the image as JPG for 2 reasons.
1) JPG is not loss-less and furthermore just not the format of choice in case of a known 2 color only palette
2) If you use GIF you can use “transparent” instead of white as the background and thus, do not have to create a separate image for every background-color you work with and want a dotted border to appear on.

greets