HI,
i'm having problem with " tom1789---bg5-04 " and " tom1789---bg5-05 "
i tried to fill 04 with lots of lines and i expect 04 to expand along the y axis.
after this, 05 should then close the box immediately right after 04
however, while viewing inside IE, there is big GAP between 04 and 05
by some reason, which this problem doesn not occur in FIREFOX.
any suggestion would b appreciate
Tom
<html>
<head>
<title>affiliate2</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<!-- ImageReady Styles (affiliate2.psd) -->
<style type="text/css">
<!--
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:700px;
}
#tom1789---bg5-01 {
position:absolute;
left:0px;
top:0px;
width:700px;
height:10px;
}
#tom1789---bg5-02 {
position:absolute;
left:0px;
top:10px;
width:161px;
height:58px;
}
#tom1789---bg5-03 {
position:absolute;
left:161px;
top:10px;
width:539px;
height:58px;
}
#tom1789---bg5-04 {
position:relative;
left:0px;
top:68px;
width:700px;
height:auto;
}
#tom1789---bg5-05 {
position:relative;
left:0px;
top:201px;
width:700px;
height:24px;
}
-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#F
FFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (affiliate2.psd) -->
<div id="Table_01">
<div id="tom1789---bg5-01">
<img src="images/tom1789---bg5_
01.gif" width="700" height="10" alt="">
</div>
<div id="tom1789---bg5-02">
<img src="images/tom1789---bg5_
02.gif" width="161" height="58" alt="">
</div>
<div id="tom1789---bg5-03">
<img src="images/tom1789---bg5_
03.gif" width="539" height="58" alt="">
</div>
<div id="tom1789---bg5-04" style="background:url(imag
es/tom1789
---bg5_04.
gif)">
APPLE<br>
TOmT<br>
TOm<br>
TOmT<br>
TOm<br>
TOmT<br>
TOm<br>
TOmT<br>
TOm<br>
TOmT<br>
TOm<br>
TOmT<br>
TOm<br>
TOmT<br>
TOmT<br>
TOm<br>
TOmT<br>
TOm<br>
ZEBRA<br>
</div>
<div id="tom1789---bg5-05">
<img src="images/tom1789---bg5_
05.gif" width="700" height="24" alt="">
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
