I am using IE 8 and not CSS3 and i'm wondering, I have a few 

```
<td>

```

tags and I currently the CSS is

```
td {
    background-color: blue;
}

```

Is there a way to create a gradient for the background of the td's without CSS3 for IE 8? I tried 

```
td { 
    background-image: -o-linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%);
}

```

and

```
td {
    background-image: linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%);
}

```

but neither of them worked for me.

Now, I know that I can give the td a background image and photoshop a gradient but the thing is, my td sizes are not constant, one td might have a 150px height, one might have a 90px height, one might have a 150px width and one might have a 90px width. I need a generic code which will work for all td's regardless of their height and width. 

Is there a way to make the background-image of the td to automatically be the width and height of the td even though the td's width and height of the td isn't specified and even though it just depends on how much text is inside the td?