How to make the border blend with the background image

Answer 1

Have you tried:

#active_tab {border-bottom: 2px /* or whatever */ solid transparent; }

This might allow the image to show through. That or you might have to omit the border of the active_tab and position it closer to the lower content box.

---

Edited:

I realise that the border is technically outside of the element it, so it's unlikely that the the background will, or even should, show through the border. I also recall that there's a means by which the border can, in some way, be moved 'inside' the element's boundaries. But I can't remember the property.

I'm sorry that I can't be of more help.

Answer 2

Make the tab see-through (have an alpha channel) so whatever you set the background to will show through it.

This also let's you change the color without loading a new image.