Bunte Buttons selber gemacht

CSS für Liste und Buttons

ul     {height:30em; float:left;
       margin:0 20px 20px 10px; padding:10px 20px;
       list-style-type:none; }
li     {margin:6px 0; padding:5px; width:21ex;}
li a   {display:block; padding:1px 6px;
       text-decoration:none; font-weight:bold;}
.cb    {clear:both;}
a img  {border:none;}

#nav    {background:url(natfl217.jpg);}
#nav li {font-family: Georgia, serif;
        background:url(natfl313m.jpg) #F1A500;
        border-left:2px solid #F29D57; border-top:2px solid #F29D57;
        border-bottom:1px solid #CA3F43; border-right:1px solid #CA3F43;}
#nav a  {color:#034402;
        background:url(multi272.jpg) #3B0031;
        border-bottom:2px solid #F29D57; border-right:2px solid #F29D57;
        border-left:1px solid #CA3F43; border-top:1px solid #CA3F43;}
#nav a:link    {color:#014B00; background:url(hellgrau1.jpg) #F4EEFD;}
#nav a:visited {color:#0D6F0B; background:url(hellgrau1.jpg) #F4EEFD;}
#nav a:link:hover, #nav a:visited:hover {
                color:#034402; background:url(multi272.jpg) #3B0031;}