Here is the code that produced the above effect:
. . . <style type="text/css"> <!-- body { margin:0 } p,pre { margin:20px } .top { position:absolute; left:0; top:0; width:100%; height:50px; z-index:0; background-color:#336699; } .menu { position:absolute; left:0px; top:39px; z-index:1; margin:0; padding:0; padding-left:10px; font:10px arial,helvetica,sans-serif; color:beige; height:10px } .flite { position:absolute; margin:0; padding:0; padding-right:20px; top:10px; right:0; font:bold 44px arial,helvetica,sans-serif; color:white; z-index:2 } --> </style> . . . <div class="top"></div> <div class="menu">menu1 | menu2 | menu3 | menu4 | menu5</div> <div class="flite">Flite <span style="color:#EEDE80">PeopleFinder</span></div> . . .