<!DOCTYPE html>
<html>
<head>
<style type="text/css">

#visible, #hidden, #scroll, #auto
{
width:400px;
height:100px;
background-color:#FFD9FA;
 }
#visible
{
overflow: visible;
}
#hidden
{
overflow: hidden;
}
#scroll
{
overflow: scroll;
}
#auto
{
overflow: auto;
}
</style>
</head>
<body>
<div id="visible">
1. overflow: visible<br>
<img src="leaf.png">
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

<div id="hidden">
2. overflow: hidden<br>
<img src="leaf.png">
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

<div id="scroll">
3. overflow: scroll<br>
<img src="leaf.png">
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

<div id="auto">
4. overflow: auto<br>
<img src="leaf.png">
</div>
</body>
</html>