I have created a Background for a WordPress Theme using CSS3, and I must say it looks nice in all Browsers and IE 10


Code:
background: #040404;     background-image: -webkit-gradient(linear, left center, right center, color-stop(.3, rgba(155, 0, 0, .1)),    color-stop(.3, transparent), to(transparent));     background-image: -moz-linear-gradient( left, rgba(32, 32, 32, .40) 50%, transparent 50%, transparent);     background-image: -ms-linear-gradient( left, rgba(32, 32, 32, .40) 50%, transparent 50%, transparent);     background-image: -o-linear-gradient( left, rgba(32, 32, 32, .40) 50%, transparent 50%, transparent);     background-image: linear-gradient( left, rgba(32, 32, 32, .40) 50%, transparent 50%, transparent);             -webkit-background-size: 4px 4px;     -moz-background-size: 4px 4px;     background-size: 4px 4px;
.


But as you know IE9, 8, 7 and CSS3 are not friends. So I am hoping to be able to get the same results/looks as I did using CSS3, this while using Photoshop, and/or something else.

This is what I am wanting to create, I have Photoshop, Any advice?