background для блока кнопок - Вопросы по CSS

input, button{background:url(../images/fon2.jpg) repeat 0 0; }

#navigation {position:absolute;right:200px;bottom:56px;}

<nav>
   <ul>
         <li><a href="/prodjektsnews/">Релизы</a></li>
         <li><a href="/">Главная</a></li>
         <li><a href="/reviews/">Рецензии</a></li>
         <li><a href="/publications/">Проекты</a></li>
         <li><a href="/top/">Просто Top</a></li>
         <li><a href="/team/">Команда</a></li>
   </ul></nav>

}
nav ul {
    height: 80px;
    margin: 20px 0 0 20px;
}
nav ul li {
    float: left;
    margin-right: 4%;
    min-width: 60px;
}
nav ul li a {
    background: url("../images/bg-m.jpg") no-repeat scroll center top transparent;
    display: block;
    font-family: helvetica;
    font-size: 1.2em;
    font-weight: bold;
    padding: 60px 0 0;
    text-decoration: none;
    text-shadow: -3px -20px 21px #FFFFFF;
nav ul *:first-child a {
    background: url("../images/bg-mact.jpg") no-repeat scroll center top transparent;
    text-shadow: -3px -20px 21px #000000;
}
nav ul li a:hover {
    background: url("../images/bg-mact.jpg") no-repeat scroll center top transparent;
    text-shadow: -3px -20px 21px #000000;
}