görünüşte değişiklik olmadı hocam bunu bi şekilde tarayıcıya birlikte göstermek lazım kelimeyi ayırmaması için <span> arasına yazdım oda olmadı
.kategoriler{width:270px; float:left;}
.kategoriler ul{list-style:none; padding-left:0px;}
.kategoriler li{float:left; margin:5px 10px 0px 0px; }
.kategoriler li:hover{}
.kategoriler ul li a{background:#eeeeee; padding:1px 5px 1px 5px; line-height:18px;}
.kategoriler ul li a:hover{background:#76bad2; color:#fff;}
Burada
.kategoriler ul li a{} bu elemente birde display:block ekle yani şöyle.
.kategoriler ul li a{background:#eeeeee; padding:1px 5px 1px 5px; line-height:18px;display:block;}