Sobreposição de DIV's na tag <TD> não funciona no IE8

Front-end
#1

Pessoal, tô com um problema no IE8 que eu não consigo arrumar…
Preciso sobrepor dois div’s (duas imagens) dentro de um TD, mas não funciona: a imagem do 1º div some.
Já tentei várias coisas:

  1. colocar uma das imagens como backgroundo do 1º DIV
  2. tentei background-size, mas não funciona no IE8
    entre outras

A parte comentada do código abaixo funciona no IE8, mas o restante não funciona

<html>
	<head>
		<title></title>
	</head>
	<body>
<!--
		<div style="width: 25%; top: 0px; position: absolute;">
			<img src="img1.jpg" width="100%">
		</div>
		<div style="width: 25%; top: 0px; position: absolute; opacity:0.7; filter:alpha(opacity=70);">
			<img src="img2.jpg">
		</div>
-->
		<br>
		<br>
		<br>
		<br>
		<table width="20%" border="1">
			<tr>
				<td width="100%">
					<div style="width: 25%; top: 0px; position: absolute;">
						<img src="img1.jpg" width="100%">
					</div>
					<div style="width: 25%; top: 0px; position: absolute; opacity:0.7; filter:alpha(opacity=70);">
						<img src="img2.jpg">
					</div>
				</td>
			</tr>
		</table>
	</body>
</html>

Alguém pode me ajudar ou tem alguma idéia de como posso sair dessa?

Obrigado !!!
Renato

#2