WHOEVER SEE's THIS PAGE..
I made this Last night..
THIS IS TEMPORARY..
@charset "utf-8";
* body
{
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:100%;
overflow:visible;
background-image:url(mak.png);
left:0;
top:0;
height:100%;
width:100%;
}
#page_wrap
{
width: 900px;
z-index: 1;
margin: 10px auto;
}
#nav ul
{
list-style:none;
z-index:200;
}
#nav ul li
{
float:left;
margin: 3px 24px;
text-decoration:none;
}
#nav ul li a
{
display:block;
margin-top: 5px;
font-size:15px;
color:#FFF;
padding: 3px 10px 4px 10px;
text-decoration:none;
-webkit-border-radius: 5px;
-webkit-transition-duration:1s;
}
#nav
{
left:50%;
margin-left:-577px;
display:block;
height:72px;
width:1155px;
position:fixed;
bottom: 0px;
background-image:url(navigation_bg.png);
background-position:bottom center;
background-repeat:no-repeat;
white-space:normal;
z-index:200;
}
<!DOCTYPE HTML>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div id="page_wrap">
<div id="nav">
<ul>
<li>
HOME
<li><a href="#" target="_self">CONTACTS</a></li>
<li><a href="#" target="_self">IMAGES</a></li>
<li><a href="#" target="_self">VIDEOS</a></li>
<li><a href="#" target="_self">SOMETHING</a></li>
<li><a href="#" target="_self">ANOTHER SOMETHING</a></li>
</ul>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vitae tortor et elit mollis congue. Suspendisse vitae velit dui. Phasellus vel lectus elit, et fringilla lectus. Maecenas vitae nunc ut neque rhoncus adipiscing. Sed elit felis, dignissim quis rhoncus consequat, auctor at massa. Suspendisse malesuada justo quis ante mollis quis sodales ligula faucibus. Aliquam quis diam elit, nec mattis nisl.
</p>
<p>
Pellentesque ac accumsan lacus. Nam eros dolor, ultrices ac euismod vitae, viverra ut elit. Morbi sit amet egestas est. Nullam rutrum congue nibh a gravida. Integer felis nulla, suscipit quis vehicula eget, mollis eget elit. Aenean nisi magna, commodo et porta sollicitudin, ultricies ut justo. Aliquam eu metus a quam dapibus ultricies. Donec ligula tortor, fermentum vestibulum aliquet at, adipiscing a lectus. Morbi quis congue ipsum. Nam ut libero neque, id eleifend leo. Morbi arcu erat, facilisis id auctor nec, rutrum feugiat sapien. Donec varius interdum ligula, ac sollicitudin nunc accumsan id. Donec hendrerit dui vel felis pulvinar gravida. Integer ac lectus sit amet purus semper ultricies et quis dolor. Morbi non mauris non orci suscipit blandit.
</p>
<p>
Praesent dapibus tortor id ligula venenatis semper. Vestibulum pharetra semper accumsan. Nullam interdum, metus quis dapibus congue, nunc metus blandit ante, id porta urna libero quis purus. Integer at quam id tortor porttitor viverra. Morbi enim magna, ultrices semper auctor id, ultricies ut lectus. Donec dignissim ultricies aliquam. Aliquam quis nisi neque. Curabitur adipiscing malesuada velit ac dignissim. Etiam fermentum eleifend libero, in mollis libero viverra dignissim. Suspendisse facilisis erat et turpis ultricies consequat. Sed non lectus velit, a lacinia elit. Nunc non nisl in urna faucibus egestas.
</p>
<p>
Nam ac sem arcu. Nulla aliquet egestas hendrerit. Quisque vel diam eu orci tincidunt sagittis in ac metus. Vestibulum blandit condimentum arcu ut ultricies. Suspendisse potenti. Donec molestie consequat nisl id malesuada. Etiam volutpat odio sit amet elit rhoncus commodo.
</p>
<p>
Duis turpis orci, gravida placerat congue eu, vulputate et ipsum. Cras volutpat lobortis nulla, non varius sem tristique ac. Aenean quis magna mollis risus ornare auctor id at purus. Vivamus egestas, magna eu consequat sollicitudin, lectus magna tincidunt turpis, vel consectetur eros nibh aliquam dui. Vivamus posuere, dolor eu imperdiet tempor, erat erat scelerisque nulla, vitae porta nisl libero eget massa. Nullam facilisis viverra nisi quis lobortis. Suspendisse quis diam non nulla hendrerit venenatis in non dolor. Nam iaculis vehicula lectus et placerat. Nam consequat, nunc a mattis imperdiet, ligula eros mollis dolor, dictum condimentum ligula turpis ac arcu. Suspendisse et metus ipsum, ornare tincidunt mi. Aenean pulvinar lorem quis erat rhoncus convallis. Etiam mollis odio non enim rutrum eu mattis tortor varius. Suspendisse consequat nibh id magna sagittis ut facilisis dui malesuada.
</p>
<p>
Duis turpis orci, gravida placerat congue eu, vulputate et ipsum. Cras volutpat lobortis nulla, non varius sem tristique ac. Aenean quis magna mollis risus ornare auctor id at purus. Vivamus egestas, magna eu consequat sollicitudin, lectus magna tincidunt turpis, vel consectetur eros nibh aliquam dui. Vivamus posuere, dolor eu imperdiet tempor, erat erat scelerisque nulla, vitae porta nisl libero eget massa. Nullam facilisis viverra nisi quis lobortis. Suspendisse quis diam non nulla hendrerit venenatis in non dolor. Nam iaculis vehicula lectus et placerat. Nam consequat, nunc a mattis imperdiet, ligula eros mollis dolor, dictum condimentum ligula turpis ac arcu. Suspendisse et metus ipsum, ornare tincidunt mi. Aenean pulvinar lorem quis erat rhoncus convallis. Etiam mollis odio non enim rutrum eu mattis tortor varius. Suspendisse consequat nibh id magna sagittis ut facilisis dui malesuada.
</p>
<p>
Duis turpis orci, gravida placerat congue eu, vulputate et ipsum. Cras volutpat lobortis nulla, non varius sem tristique ac. Aenean quis magna mollis risus ornare auctor id at purus. Vivamus egestas, magna eu consequat sollicitudin, lectus magna tincidunt turpis, vel consectetur eros nibh aliquam dui. Vivamus posuere, dolor eu imperdiet tempor, erat erat scelerisque nulla, vitae porta nisl libero eget massa. Nullam facilisis viverra nisi quis lobortis. Suspendisse quis diam non nulla hendrerit venenatis in non dolor. Nam iaculis vehicula lectus et placerat. Nam consequat, nunc a mattis imperdiet, ligula eros mollis dolor, dictum condimentum ligula turpis ac arcu. Suspendisse et metus ipsum, ornare tincidunt mi. Aenean pulvinar lorem quis erat rhoncus convallis. Etiam mollis odio non enim rutrum eu mattis tortor varius. Suspendisse consequat nibh id magna sagittis ut facilisis dui malesuada.
</p>
</div>
<div id="nav-bg">
</div>