Breedte van overflow:auto klopt alleen in IE

[janyep]

Goedenavond helden,
heeft iemand van jullie wel eens van doen gehad met het volgende? Kom er niet uit! :shocked:
Het gaat om de breedte van het fotoframe op /TEST/TEST.html

in FF en ook alle andere browsers komt er na de laatste thumbnail een mega-witruimte om width:3800px vol te maken.
/* width hangt af van aantal thumbs */

in IE klopt het mooier: de scrollbalk stopt na de laatste thumbnail.

Het template is van http://www.cssplay.co.uk/menu/filmstrip.html

'k Snap niet waarom het hier wel klopt in FF , zonder width:
http://gtwebdev.com/workshop/layout/scrolling-gallery.php

Weet iemand raad? Zou weer heel mooi zijn!
Met vriendelijke groet, janyep

Dit is de ingekorte .css:

#container_thumbs {position:relative; height:auto; width:auto; margin:0 auto;}

#thumbframe {overflow:auto; height:130px; width:auto;}

#thumbinfo {width:3800px} /* width hangt af van aantal thumbs */
#thumbinfo ul {position:absolute; top:-9999px; left:-9999px;}
#thumbinfo table {border-collapse:collapse; height:0; width:0;}
#thumbinfo li {float:left}
#thumbinfo a {display:block}

#thumbinfo :hover ul {display:block; z-index:100; top:140px; left:0; height:auto; width:auto;}
/* top = afstand tussen vergrote foto en bovenkant dia-frame */
#thumbinfo :hover ul li {display:block; height:auto; width:auto;}
#thumbinfo :hover ul li a {display:block; min-height:120px; height:auto; width:555px;}

<div id="container_thumbs">
<div id="thumbframe">
	<ul id="thumbinfo">			
		<li><a href="---.html#---"><img class="h100 w67" src="---" alt="" /><!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li><a href="#url"><img src="---.jpg" alt="" />Wandeling</a></li>
			</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
	</ul> <!-- /thumbinfo -->
</div> <!-- /thumbframe -->
</div> <!-- /container_thumbs -->