Background Image im IE8

[maether]

Ich habe folgendes Problem:
Ich habe einen Contentbereich, welchen ich mit einem schönen Rahmen beschmücken will.

Dafür habe ich folgendes HTML-Gerüst:

  
<table class="content_table" border="0" cellpadding="0" cellspacing="0">  
		<tr>  
			<td class="content">  
			  
				{ -topic- }  
			  
			</td>  
			<td class="tableRight">  
			  
				<table class="tableRight" border="0" cellpadding="0" cellspacing="0">  
					<tr>  
						<td class="shadowRightTop"></td>  
					</tr>  
					<tr>  
						<td class="shadowRight"></td>  
					</tr>  
				</table>  
			  
			</td>  
		</tr>  
		<tr>  
			<td class="tableBottom" colspan="2">  
			  
				<table class="tableBottom" border="0" cellpadding="0" cellspacing="0">  
					<tr>  
						<td class="shadowBottomLeft"></td>  
						<td class="shadowBottom"></td>  
						<td class="shadowBottomRight"></td>  
					</tr>  
				</table>	  
			  
			</td>  
		</tr>  
	</table>  

Hier die dazugehörigen Stylesheeets:

  
.content_table{  
	background-color: #ffffff;	  
	width: 896px;  
	text-align:left;  
	margin: auto;  
}  
.content{  
	width: 884px;  
	padding-bottom: 25px;  
}  
img{  
	border: 0;	  
}  
.tableRight{  
	height: 100%;	  
}  
.tableBottom{  
	width: 100%;  
}  
  
  
.shadowRightTop{  
	background-image: url(../../img/new/shadow_right_top.jpg);  
	background-repeat:no-repeat;  
	width: 20px;  
	height: 14px;  
}  
.shadowRight{  
	background-image: url(../../img/new/shadow_right.jpg);  
	background-repeat:repeat-y;  
}  
.shadowBottomLeft{  
	background-image: url(../../img/new/shadow_bottom_left.jpg);  
	background-repeat:no-repeat;  
	height: 12px;  
	width: 14px;  
}  
.shadowBottom{  
	background-image: url(../../img/new/shadow_bottom.jpg);  
	background-repeat:repeat-x;  
}  
.shadowBottomRight{  
	background-image: url(../../img/new/shadow_bottom_right.jpg);  
	background-repeat:no-repeat;  
	height: 12px;  
	width: 14px;  
}  

Hier die Bilder, welche ich verwende:
shadow_right_top
shadow_right
shadow_bottom_left
shadow_bottom
shadow_bottom_right

Im Firefox wird alles korrekt angezeigt...
Aber im IE sind 'bottom.jpg' und 'right.jpg' nicht sichtbar.
Das sind die zwei Fälle wo ich einmal repeat-x und einmal repeat-y verwende.

Was könnte ich hier vergessen haben?

Vielen Dank im voraus für eure Hilfe!!

Liebe Grüße

[maether]

Hier ein kleiner Link um sich das Ganze anzuschauen...

[Detlef G.]

Hallo maether

Ich habe einen Contentbereich, welchen ich mit einem schönen Rahmen beschmücken will.

Das bisschen Schatten ist ein „schöner Rahmen”?

Dafür habe ich folgendes HTML-Gerüst:

Nein, bitte nicht.
Mehrere ineinander geschachtelte Tabellen für so ein bisschen Schatten.

Hier die Bilder, welche ich verwende:

Oh, fünf Grafiken mit jeweils über 10kB Dateigröße ist auch nicht wirklich optimal.

Vielen Dank im voraus für eure Hilfe!!

Schau dir mal dieses Beispiel genau an, dass du gern verwenden darfst.
Aber kopiere es nicht einfach sondern versuche es zu verstehen und frage wenn nötig hier nach.

Auf Wiederlesen
Detlef