There seems to be an issue with the code below - it works fine initially, but as soon as I tweak the height values for .Image, it stops functioning as expected. The test image starts overflowing instead of staying hidden, and no matter how many times I attempt to adjust the height, the containing div refuses to resize.
.Image{
background-color:red;
height:400px;
overflow:hidden;
}
</style>
</head>
<body>
<div class="main">
<div class="Image">
<img "src="images/test.jpg" alt="test">
</div>
</div>
</body>
</html>