1
As part of my learning, I wrote the following codes to display 2 background images side-by-side:
<head>
<style type="text/css">
.image1 {background-image: url(images/sw1.jpg);
background-repeat: no-repeat}
.image2 {background-image: url(images/sw2.jpg);
background-repeat: no-repeat}
</style>
</head>
<body>
<table border="0" width="100%" height="100%" style="border-collapse: collapse">
<tr>
<td width="50%" class="image1">
<p>picture A</p></td>
<td width="50%" class="image2">
<p>picture B</p></td>
</tr>
</table>
</body>
They work well on IE, but on FF, the 2 images only occupy 15% of the screen height instead of 100% as desired.
Appreciate any help.
