Hauptmenü Positionierung

Hallo,
ich habe vor einen Punkt des Hauptmenüs durch ein Bild zu ersetzen.
Es funktioniert auch soweit, allerdings stimmt irgendwas mit der Positionierung nicht.

#mainMenu > ul > li:nth-child(4) > a{
content: url("@{style_image_path}logo.png");
position: relative;
}

Das Logo ist immer knappe 5px höher, als die anderen Punkte. Somit sprengt es leider das Menü und es sieht alles andere als gut aus.

Gibt es eigentlich die Möglichkeit, dass dieser Punkt Allgemein die Formatierung ignoriert?
Sprich das Bild ist auf dem Menü zentriert, allerdings ragt es oben und unten raus und dass das Menü größer wird. - siehe Anhang.

#edit:
Bitte nach Designerstellung verschieben