<!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>