I have been having a Graphic's Issue, one that has been causing me to roll up into a little ball in a corner and calling for my dear old mommy....

I guess it would be safe to say, I am the Graphic Issue. Yes folks you herd it from me. I am the one and only Graphic Issue in my dwelling....

Anyways, as it goes I am trying to master HTML5 and CSS3. Well as most if not all of you know, IE 9, 8 ,7 is Microsoft's Terror threat to HTML5 And CSS3, that and a knuckle head such as myself....

As I wipe this lingering tear from my right eye, I ask, is their anyone out there that can help this poor helpless sad eyes of a Student with some Photoshop Advice? And please don't hold the idea I am using Photoshop to create the same visual effect that I got using CSS3 against me. I do have Illustrator, but really, I kinda suck at that as well.

Here is the HTML Mark-UP and CSS3:

Code:
body {
    background: #040404;
    background-image: -webkit-gradient(linear, left center, right center, color-stop(.4, rgba(32, 32, 32, .40)), color-stop(.4, 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;    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    margin: 15px 4px;
As you can see, I am a somewhat of an amateur, but at least I tried....

The attached image is what I get using the CSS3, I was hope to get the same using Photoshop, but I don't know how. Can someone help me out, Please?

With all silliness aside, I sure can really use some help....

bg-img.png