<html>
<head>
<title>Div example</title>
</head>
<body>
<style type="text/css">
.container {
background-color: #ffffff;
border: 2px solid #000000;
height: 100px;
width: 50px;
text-align: center; /* Required to align image horizontally */
line-height: 96px; /* Required to align image vertically: line-height = height - 2*border */
}
.cssxImage {
margin-top: expression(( 100 - this.height ) / 2); /* 100 is the container height */
}
/* Required for IE 5 and 6 */
html>body .cssxImage {
margin-top: 0; /* In case IE later supports valign. */
vertical-align: middle;
}
</style>
<div class="container" >
<!-- is required -->
<img src="../images/tutorials/div_example_images_5b.gif" class="cssxImage" alt="image" title="image" width="20" height="60" border="0" />
<!-- is required -->
</div>
</body>
</html>