Ako v TOP Menu tlačítkach zobrazovať obrázky na miesto textu

aliena

Hľadám riešenie ako by som v hlavnom menu na stránke http://www.zuzanasperk.sk zobrazoval obrázky na miesto textu v button-och -- teda na miesto tlačítka s textom Domov bude obrázok.jpg na ktorom bude Domov s vlastným fontom ktorý mi vyhovuje , atď.
Ďalší problém budú kategórie ktoré sú automaticky generované...
HTML pre Menu

Kód: Vybrať všetko

<div id="menu">
  <ul>
    <li><a href="http://zuzanasperk.sk">Domov</a></li>
    <li><a href="http://zuzanasperk.sk/o%20nas">O nás</a></li>
    <?php foreach ($categories as $category) { ?>
    <li>

CSS pre Menu:

Kód: Vybrať všetko

#menu > ul > li > a {
	font-size: 16px;
	color: #FFF;
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 26px 26px 26px 26px;
	margin-bottom: 2px;
	background: #000000;
	z-index: 6;
	position: relative;