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
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.