PayneLess Designs - Image - Float Left and Right One Div

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Image - Float Left and Right One Div</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="created" content="Sun, 18 Mar 2012 10:07:27 GMT">
<meta name="author" content="PayneLess Designs">
<meta name="copyright" content="Jan 2004 to present.">
<style type="text/css">
h1 { text-align: center; }
#wrap { width: 800px; height: 325px; margin: 0 auto; }
#float_left { display: block; float: left; width: 237px; height: 312px; }
#float_right { display: block; float: right; width: 237px; height: 312px; }
</style>

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css_IE-only.css">
<![endif]-->
</head><body>
<h1>Image - Float Left and Right (One Div)</h1>

<div id="wrap">
<img id="float_left" src="http://i1087.photobucket.com/albums/j473/Stutter_Bug/Alchemy-test3.jpg" alt="">
<img id="float_right" src="http://i1087.photobucket.com/albums/j473/Stutter_Bug/Alchemy-test3.jpg" alt="">
</div>
</body></html>