SOFT7001 Class 10

We looked at the poristion property. It's tricky but very important.
static, relative, absolute, fixed

We coded a list and used it as the basis for a menu
code:

div.menulist {
width:100%;
border-top: 5px solid #069;
border-bottom: 5px solid #069;
background-color:#ccf;
margin-top:20px;
float:left;
}



div.menulist li {
float:left;
list-style-type:none;
background-color: #ffa;
padding: 0px 6px;
border-right: 1px solid #069;
}


div.menulist ul {
margin-top:0;}


a:link {color:black;}
a:visited {color:black;}
a {text-decoration:none;}
a:hover {color:red;}

div.menulist li:hover {
background-color:black;}