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?