LayoutTests/fast/block/float/013.html - WebKit - Git at Google

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
 <head>

 <title>Macromedia - Products</title>


 <style type="text/css">

 #bluebox {
 	background-color: blue;
 	position: absolute;
 	top: 64px;
 	width: 100%;
 	height: 100px;
 	padding: 8px 0px 0px 0px;
 	margin: 0px;
 	text-align: center;

 }

 #greenbox {
 	background-color: green;
 	margin: 0px auto;
 	text-align: left;
 	width: 723px;
 	height: 55px;
 }

 #yellowbox {
 	float: left;
         padding: 16px 16px 16px 16px;
 	background-color: yellow;

 }

 #redbox {
 	position:absolute;
 	top: 58px;
 	left: 567px;
 	padding: 8px 0px 0px 0px;

 	background-color: red;

 	height: 161px;
 }


 </style>

 </head>

 <body>

 <div id="bluebox">

  <div id="redbox">this is the pseudorNav div</div>
 		<div id="greenbox" style="border-bottom:2px solid #888878;">
 			some other macromedia logo
 		</div>

 		<div id="yellowbox" style="width: 100px;">Feh


 		</div>

 </div>

 </body><!-- InstanceEnd --></html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
	<head>

	<title>Macromedia - Products</title>


	<style type="text/css">

	#bluebox {
	background-color: blue;
	position: absolute;
	top: 64px;
	width: 100%;
	height: 100px;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	text-align: center;

	}

	#greenbox {
	background-color: green;
	margin: 0px auto;
	text-align: left;
	width: 723px;
	height: 55px;
	}

	#yellowbox {
	float: left;
	padding: 16px 16px 16px 16px;
	background-color: yellow;

	}

	#redbox {
	position:absolute;
	top: 58px;
	left: 567px;
	padding: 8px 0px 0px 0px;

	background-color: red;

	height: 161px;
	}


	</style>

	</head>

	<body>

	<div id="bluebox">

	<div id="redbox">this is the pseudorNav div</div>
	<div id="greenbox" style="border-bottom:2px solid #888878;">
	some other macromedia logo
	</div>

	<div id="yellowbox" style="width: 100px;">Feh



	</div>

	</div>

	</body><!-- InstanceEnd --></html>