CSS Image border issue

Vote count:

0

I wanted to make a cool div, so I made this image to get its borders: http://ift.tt/1A6l1YK

The problem is that half of the borders are transparent area, so when I try to fill the empty center of the div with background-color it also paints the outer, transparent area. I'd like the background color not to get past the border.

Here's what I'm talking about:

http://ift.tt/1tYipzB

How can I solve this? I've thought on putting a slightly smaller div inside this one, but I don't know how to adjust it so it always covers a bit less than its parent. Also, I'd like to keep it as simple as possible. Any ideas?

Thanks in advance.

asked 1 min ago

Jogabba

1

CSS Image border issue