Background Layer positionin help...

[jugo]

I Have a table cell which spans the footer of my page....

For some reason IE does not like my STYLE tag in the TD.

Can anyone see something I;m not seeing here:


<td colspan="7" style="background:#00529b url(http://www.xxxxxxxxxxx.com/images/reduce-reuse-recycle_03.jpg)right no-repeat;height:158px;">Yada yada Yada</td>



This is what it looks like in IE: cp-footer-ie.jpg
This is what it looks like in FireFox: cp-footer-ff.jpg <----good

[jugo]

DUH!!!

More and more I am beginning to wonder when IE is going to catch up...

Because IE is dumb, you need to spell it out as it does not understand inline extended CSS values.

The correct way to do it is:

<td colspan="7" style="background: #00529b url(http://www.xxxxxxxxxx.com/images/reduce-reuse-recycle_03.jpg);background-position: right; background-repeat: no-repeat;">
Yada yada</td>

[Freesteyelz]

Actually you don't have to spell it out in IE. Same with programming, the code is sensitive so if you were to exclude (let's say a space between values) then the code won't work. The correct shorthand CSS would be:


<td colspan="7" style="background:#00529b url(http://www.xxxxxxxxxx.com/images/reduce-reuse-recycle_03.jpg) no-repeat bottom right">
Yada yada</td>


Compare this code with yours in post #1.