Navbar mess-up
===

So I got hired by BronyCraft to make them a website.  They payed me and I got the art, and all that but I cant get the navbar to fit. To see what i need it to fit too go to orikina.com/bronycraft  I tryed everything I know of.

Thanks in advance!




    <!doctype html>
    <html>
        
    <head>
        <title>Orikina</title>
        
    <style>
        *
        {
    		margin:0px;
    		padding:0px;
    		font-family:Arial, Helvetica, sans-serif;
    		font-size:12px;  
    	}
        p
        {
            color:#FE2E2E;
        }
        h1
        {
            color:#FE2E2E;
            text-size:31px;
        }
        body 
        {
            background-image:url(bg.png);
            background-size:repeat;
            
        }
        .buttonh
        {
            text-decoration:none;
    		color:#DF0101;
            background-image:url(homeinactive.png);
    		padding:5px 20px 5px 20px;
            background-size:cover;
        }
        .buttonh:hover
        {
            background-image:url(homeactive.png);
            color:#AF0000;
        }
        .button
        {
            text-decoration:none;
            color:#DF0101;
            background-image:url(std.png);
            padding:5px 25px 5px 25px;
            background-size:cover;
            
        }
        .button:hover
        {
            background-image:url(hovert.png);
            color:#AF0000;
        }
        .buttonf
        {
            text-decoration:none;
            color:#DF0101;
            background-image:url(right.png);
            background-size:cover;
            padding:5px 20px 5px 20px;
        }
        .buttonf:hover
        {
            background-image:url(righthover.png);
            color:#AF0000;
        }
        .logo
        {
            margin:8px;
            padding:6;
            border:#999 1px solid;
            background-image:url(bg.png);
            border-radius: 5px;
            border-top-right-radius: 65px;
            border-bottom-left-radius: 65px;
        }
        .story
        {
            border:#999 1px solid;
    		background-image:url(content.png);
            background-size:cover;
    		padding:25px;
        }
        .newartical
        {
            padding:10px;
            border-radius:6px;
            text-align:center;
            border:#999 1px solid;
        }
        .header
        {
            backround-image=url(footer.png);
            backfround-size:cover;
        }
        .navbar
        {
            position:absolute;
            top:100;
            left:800;
        }
        
    </style>
        
    </head>
        
    <body>
        <br />
        <br />
        
           
        <center><img src="header.png"><div class="navbar"><a class="buttonh" href="http://orikina.com/home/index.php"><img src=""></a></div></center>
        
        <center><h1>News:</h1></center>
        <div class="stroy">
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
        </div>
        <br />
        <div class="footer">
            <center><img src="footer"></center>
        </div>
    </body>
        
    </html>