Beste SD,ers

Ik heb het volgende in de CSS staan
display: table;
width: 100%;
background-image:url("images/foto1.gif"), url("images/foto2.gif");
background-repeat: repeat-x, repeat-y;
background-position: top, bottom;
border: none !important;
padding:0 !important;

Nu werkt dit prima in IE9 en b.v. Fire Fox
Alleen werkt dit niet in IE8 waarschijnlijk door CSS3 wat niet werkt in IE8
Weet iemand een oplossing voor IE8 ?
Ik heb voor IE8 en IE7 al een apparte CSS file
Alleen hoe kan ik de achtergrond hierin krijgen met 2 background-images ?

Iemand een idee ? met z-index:-1; werkte bij mij niet echt

Ok,

Even een paar vragen.

1. Waarom is het een display table? Graag zie ik ook de HTML erbij en waarvoor het bedoeld is.
2. Is "background-repeat: repeat-x, repeat-y;" "background-position: top, bottom;" met reden erin gezet? volgens mij zijn dit de standaard waardes.

Trouwens lijkt me een dubbele div toch wat 'safer' als je 2 backgrounds wil hebben.

element in element?

<element met background in top>
<element 2 met background in bottom>
[--je code--]
</element 2>
</element>

In de content heb ik 1 background als top
Hieronder komt dan een background met repeat om de pagina langer te maken

Het bovenste deel van de background content is een afbeelding
De tweede background is het verlengstuk die de pagina langer maakt

Even een link erbij http://4youwebsite.nl/colournorm/