Hello,
I've cut up a single image into two and I would like them to sit on top of each other. Unfortunately, I can't get rid of the empty space between the two images.
How is this done?
Please copy and paste the code if you wish to view it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style type="text/css">
#canvas {
margin-left: auto;
margin-right: auto;
width:969px;
}
#imgCont{
float:left;
width:276px;
}
#imgCont img{
padding:0;
margin:0;
border-top: 1px solid blue;
border-bottom:1px solid black;
}
</style>
<title>Conforming XHTML 1.1 Template</title>
</head>
<body>
<div id="canvas">
<div id="imgCont"
<img src="http://goyami.corante.com/archives/images/july4th05.gif" />
<img src="http://www.logoogle.com/images/logooward/july4th04.gif" />
</div><!--/#imgCont"-->
</div><!--/#canvas-->
</body>
</html>