When using double border in sane browsers the "gap" between first and second border is colored with the bordered element background-color. In IE 6 and 7 it is colored with background-color of parent element. Is there any workaround for that without any monstrosities like extra divs? JS/IE effect solution is perfectly fine.

Thanks a lot, Mikhail

1 answer

This was chosen as the best answer

Unfortunately, I don't think there's a good solution for this. Some things you can try:

  • If your element has a fixed height and width, use background images
  • Apply a single border to your element and an interior element.
  • Use conditional comments, JS, or a combination of the two to add an extra div (or other appropriate element) and implement the second solution in IE only.
Answered about 8 years ago by Joshua Clanton