如何在菜单文本上使用图像

Question

有人可以帮助我，我喜欢在菜单TextOn和Hover的背景上使用图像。  图像尺寸宽度：108像素高：37像素

CSS：

a.menuTextOff:link {
color:#333c50;
 text-decoration: none;
}
a.menuTextOff:visited {
color:#333c50;
text-decoration: none;
}
a.menuTextOff:hover {
color:#000000;
text-shadow:1px 1px #e4dcd0;
text-decoration: underline;
}
a.menuTextOn:link {
color:#000000;
text-decoration: none;
}
a.menuTextOn:visited {
color:#000000;
text-decoration: none;
}
a.menuTextOn:hover {
text-shadow:1px 1px #e4dcd0;
text-decoration: underline;
}

HTML：

<!--MENU VIEW-->
<?$theClass="menuTextOff";?><?if($_GET['c']=="home" || $_GET['c']==""){$theClass="menuTextOn";}?><div style="position:absolute; top:104px; left:51px;"><a class="<?=$theClass?>" href="app.php">HOME</a></div>
        <?$theClass="menuTextOff";?><?if($_GET['c']=="games"){$theClass="menuTextOn";}?>
        <div style="position:absolute; top:104px; left:175px;"><a class="<?=$theClass?>" href="app.php?c=games">MY GAMES</a></div>
        <?$theClass="menuTextOff";?><?if($_GET['c']=="scoreboard"){$theClass="menuTextOn";}?><div style="position:absolute; top:104px; left:330px;"><a class="<?=$theClass?>" href="app.php?c=scoreboard">SCOREBOARD</a></div>
        <?$theClass="menuTextOff";?><?if($_GET['c']=="forums"){$theClass="menuTextOn";}?><div style="position:absolute; top:104px; left:610px;"><a class="<?=$theClass?>" href="app.php?c=forums">FORUMS</a></div>
        <?$theClass="menuTextOff";?><?if($_GET['c']=="information"){$theClass="menuTextOn";}?><div style="position:absolute; top:104px; left:780px;"><a class="<?=$theClass?>" href="app.php?c=information">INFORMATION</a></div>
        <?$theClass="menuTextOff";?><?if($_GET['c']=="blog"){$theClass="menuTextOn";}?><div style="position:absolute; top:104px; left:950px;"><a class="<?=$theClass?>" href="app.php?c=blog">BLOG</a></div>

    </div>