This was just an example, so i'll remove some parts of your documents!
Create some test page and see how this thing work! And it would be nice if you can provide the actual codes' of your imageflow.css
<html>
<head>
<title>some title</title><style type="text/css">
<!--
html { height: 100% }
body
{ font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .68em;
}
p
{ margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.7em;
}
img
{ border: 0px;
margin: 0px;
padding: 0px;
}
#content
{ text-align: left;
width: 653px;
float: left;
padding: 12px 0px 18px 14px;
}
#container
{ position: relative;
width: 656px;
padding-top: 8px;
}
#thumbs
{ width: 205px;
float: right;
}
#thumbs a
{ display: block;
float: right;
margin: 1px 0px 3px 10px;
width: 50px;
height: 50px;
border: 2px solid #40403E;
}
#thumbs a img
{ width: 50px;
height: 50px;
border: 0;
}
#thumbs a:hover img
{ position: absolute;
width: auto;
height: auto;
right: 196px;
top: 8px;
padding: 2px;
border: 2px solid #40403E;
}
-->
</style></head>
<body>
<div id="content">
<div id="container">
<em id="thumbs">
<div id="loading">
<b>Loading images</b><br/> <img src="loading.gif" width="208" height="13" alt="loading" /> </div>
<img src="images/backdrop.jpg" longdesc="images/backdrop.jpg" alt="backdrop.jpg" /> <img src="images/background.jpg" longdesc="images/background.jpg" alt="background.jpg" /> <img src="images/camera 014.jpg" longdesc="images/camera 014.jpg" alt="camera 014.jpg" /> <img src="images/camera 015.jpg" longdesc="images/camera 015.jpg" alt="camera 015.jpg" />
</em>
</div>
</div>
</body>
</html>
