Html dynamically repeated border-image

I have a table which border I want to have a sort of zig-zag shape. I want the table to have an automatic size; resizing depending on how big the browser is. But rrathe than just having an image that gets stretched I want a seamless image that gets repeat instead. I found out this can be done with CSS3's Border-image but by looking and Browser Statistics I can see than only about half of all the viewers will be able to see it since开发者_如何学Python no version of IE does yet support it. So I'm looking for an alternate method. What would be the best way of doing it?

Thanks in advance!

How about making it a background repeatable image instead? Will the table be resizable horizontally or vertically?