Miért csúszik el a választó (menü) képe?

A helyzet a következő:

Létre akarok hozni egy választó menüt.

Ugye li és a tagek közé és ezeket CSS-el megformálom.

A "gombok" 256x256 pixelesek amelyek ul class-ba vannak. Mivel több lehetőség van a választási témákban így külön külön más képeket tartalmaznának háttérnek egy-egy gomb. - Ezt úgy akartam megoldani hogy a <li><a> tagek <div> tagekkel zártam és a divekhez rendeltem a képeket.

Ami így néz ki:

#kornyvedelem li{

background-image: url("../kv.png");

background-repeat: no-repeat;

background-position: center;

width: 256px;

height: 256px;

}

#zoldenerg {

background-image: url("../ze.png");

background-repeat: no-repeat;

background-position: center;

width: 256px;

height: 256px;

}

Viszont a képek így is kilógnak a gomb bal oldalából úgy 5-8px-el. Még annyi problémám is van itt hogy azt szeretném hogy 2 gomb után a következő sorba kerüljön a következő 2 gomb.