<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Navigation Bar</title>

<style type="text/css" media="all">

*:focus { outline: 0px none; }

html, body { width:100%; }

body { background-color:#c0f4ff; overflow-x:hidden; font-size:14px; font-family:Verdana; line-height:17px; letter-spacing:1px; }

div { padding:0px; margin:0px; }

#pagetop { height:100px; width:100%; position:absolute; top:0px; text-align:center; background-color:#c0f4ff; overflow:hidden; z-index:3; }

#banner { background-color:#2aaaff; width:400px; height:100px; margin: 0px auto 0px auto; }

#navibar { background-color:#78dbff; width:100%; height:30px; position:fixed; top:0px; z-index:2; }

#content { z-index:1; margin: 0px auto 0px auto; position:relative; top:110px; width:400px; }

</style>

</head> <body>

<div id="navibar"></div>

<div id="pagetop"><div id="banner"></div></div>

<div id="content">

Page content here...

</div>

</body> </html>

AzureLight.net | MikariStar.DeviantArt.com | ArtRift.com/Mikari/ | MiliAzure.WordPress.com