css test

by Gary Pyne

HTML

<div class="wrap">
    <div class="container">
        <div class="header">
            <img class="banner" src="http://www.webbannerdesigns.com/Images/header.gif"/>
        </div>
        <div class="navigation">
            <ul>
                <a href=""><li>Home</li></a>
                <a href=""><li>About</li></a>
               <a href=""> <li>Contact</li></a>
            </ul>
        </div>       
    </div>    
    
</div>
<div class="footer">
    footer
</div>

CSS

/*CENTER WEBSITE*/
body{
    font-family:"Segoe UI";
}
.wrap{
     width:500px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    border:grey 1px solid;
}

.container{
        height:auto;
}

.banner{
    width:100%;
}
.navigation ul{
    list-style-type:none;
    margin:0;
    padding:0;
    background-color:white; 
}

.navigation li{
    display:inline;
    padding-right:10px;
    float:right;
    font-size:12px;
    padding:20px; 
}
.navigation a{
    color:black;    
}
.navigation li:hover{
    background-color:grey;
    color:red;
    cursor:pointer;
}
.navigation a:hover{
    color:red;
}
.footer{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;}