border-image no working properly
I am trying to work with the border-image property, but it doesn't render how it should in IE8 or IE9. Here I let you a link where you can see what I am talking about:http://dev.eloypineda.es/xhtmlized/test.html
If you go to this link with Firefox, Safari or Chrome you will see a dotted border with 4 pixels separation between each dot. But if you open the link with IE9 you can see that the dots are bigger than 1px and in IE8 you just can see something like a line with a gradient.
I've been for hours stucked on this and I don't know what more to test, so if someone could give me any clue about what I am doing wrong I'll be very thankful.