Hi,
Sample:
[CODE]<!DOCTYPE html>
<html>
<head>
<title></title>
<style type=”text/css”>
div {display:inline-block; height:200px; overflow-x:hidden; overflow-y:auto;}
a {display:block;}
img {border:0;}
</style>
</head>
<body>
<div>
<a href=”#”><img src=”http://dl.dropbox.com/u/4017788/Labs/thumb1.jpg” alt=””></a>
<a href=”#”><img src=”http://dl.dropbox.com/u/4017788/Labs/thumb1.jpg” alt=””></a>
<a href=”#”><img src=”http://dl.dropbox.com/u/4017788/Labs/thumb1.jpg” alt=””></a>
<a href=”#”><img src=”http://dl.dropbox.com/u/4017788/Labs/thumb1.jpg” alt=””></a>
<a href=”#”><img src=”http://dl.dropbox.com/u/4017788/Labs/thumb1.jpg” alt=””></a>
</div>
</body>
</html>
Except in Internet Explorer and Opera the right part of images are cut. I wonder what’s the reason and how they can be displayed the same across different browsers.
Many thanks in advance!
Mike