Hello,
who knows how I can place the text ( next to the pictures ) over the grey space underneath the pictures (iso to the right).
I tried "position:relative ;...." , but that does not work in IE : the text will not move when you scroll (works perfect in Mozilla)
http://www.divinglisa.be/scroll.html

code:
Code:
<style type="text/css">
#galleryS {
  background : #DEDEDE; 
  height: 490px; 
  width:545px; 
  border:1px solid black; 
  margin :0px; padding : 10px 0;  
  overflow: auto; 
  white-space: nowrap; 
}
#galleryS ul li {
  display: inline
  }
#galleryS ul li img{ 
  padding:10px 10px 95px 10px; 
  background:#AAA; 
  border:2px solid ; 
  border-color :#333 #FFF #FFF #333 ;  
}
</style>
</head>
<body>
<div id="galleryS">
<ul>
<li><img src="images/uploaded/thumbs/3019-3422-BajaCalifornia040.JPG"  /><span class="text"> fish </span</li>
<li><img src="images/uploaded/thumbs/3603-4221-P5030038.JPG" /> </li>
<li><img src="images/uploaded/thumbs/3019-3422-BajaCalifornia040.JPG"  /> </li>
<li><img src="images/uploaded/thumbs/0046-Bluespotted_stingray_33.jpg"  /></li> 
<li><img src="images/uploaded/thumbs/3603-4221-P5030038.JPG"  /> </li><br />
<li><img src="images/uploaded/thumbs/3019-3422-BajaCalifornia040.JPG"  /><span class="text"> fish </span</li>
<li><img src="images/uploaded/thumbs/0046-Bluespotted_stingray_33.jpg"  /> </li>
<li><img src="images/uploaded/thumbs/3603-4221-P5030038.JPG "/> </li>
<li><img src="images/uploaded/thumbs/3019-3422-BajaCalifornia040.JPG" /> </li>
<li><img src="images/uploaded/thumbs/0046-Bluespotted_stingray_33.jpg"  /> </li>

</ul>
</div>
</body>
</html>
Thank you
Johan

PS. I know that there is another way of making such a gallery.
Iframe and tables , but I try not the use tables anymore, pure CSS