#menu1 {
    
    }
        
        #menu1 ul {
        margin: 0px;
        padding: 0px;
        }
            
            #menu1 ul li {
            list-style-type: none;
            display: inline;
            margin: 0px;
            padding: 0px;
            }
            
            #menu1 ul li a,
            #menu1 ul li a:hover {
            display: block;
            float: left;
            }

            #menu1 a {
            background-image: url('images/menu1.jpg');
            background-repeat: no-repeat;
            width: 111px;
            height: 26px;
            color: #363636;
            text-align: center;
            padding-top: 5px;
            }
            
            #menu1 a:hover {
            background-image: url(images/menu2.jpg);
            background-repeat: no-repeat;
            width: 111px;
            height: 26px;
            }

<div id='menu1'>
                <ul>
                    <li><a href='#' title='Home'>Home</a></li>
                    <li><a href='#' title='Artykuły'>Artykuły</a></li>
                    <li><a href='#' title='Pobieralnia'>Pobieralnia</a></li>
                    <li><a href='#' title='Usługi'>Usługi</a></li>
                </ul>
        </div>