CSS - Текст перемещается при наведении курсора

Я занимаюсь этим около часа и, кажется, не могу это понять.
Каждый раз, когда я наводю курсор на этот текст (я хочу установить цвет фона для его наведения), текст перемещается вместе с bgcolor. Вот что я получил:

        #innerheader ul {
            list-style:none;
            margin:0;
            padding:0;
        }
        #innerheader li {
            display:block;
            float:left;
            height:25px;
            margin:0 2px;
            padding:15px 10px 0 10px;
            color:#FFFFFF;
            font-weight:bold;
            font-size:10px;
            text-transform:uppercase;
        }

        #innerheader li a, 
        #innerheader li a:link, 
        #innerheader li a:visited, 
        #innerheader li a:active {
            color:#FFFFFF;
            text-decoration:none;
        }
        #innerheader li a:hover {
            background-color: blue;
            padding: 10px 10px 10px 10px
        }