title: how to use image on menu text
body: <p>Can someone help me here, i like to use image on background of Menu TextOn and Hover.
   image size Width: 108 px heigh: 37 px</p>
  
  <p>CSS:</p>
  
  <pre><code>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;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!--MENU VIEW--&gt;
  &lt;?$theClass="menuTextOff";?&gt;&lt;?if($_GET['c']=="home" || $_GET['c']==""){$theClass="menuTextOn";}?&gt;&lt;div style="position:absolute; top:104px; left:51px;"&gt;&lt;a class="&lt;?=$theClass?&gt;" href="app.php"&gt;HOME&lt;/a&gt;&lt;/div&gt;
          &lt;?$theClass="menuTextOff";?&gt;&lt;?if($_GET['c']=="games"){$theClass="menuTextOn";}?&gt;
          &lt;div style="position:absolute; top:104px; left:175px;"&gt;&lt;a class="&lt;?=$theClass?&gt;" href="app.php?c=games"&gt;MY GAMES&lt;/a&gt;&lt;/div&gt;
          &lt;?$theClass="menuTextOff";?&gt;&lt;?if($_GET['c']=="scoreboard"){$theClass="menuTextOn";}?&gt;&lt;div style="position:absolute; top:104px; left:330px;"&gt;&lt;a class="&lt;?=$theClass?&gt;" href="app.php?c=scoreboard"&gt;SCOREBOARD&lt;/a&gt;&lt;/div&gt;
          &lt;?$theClass="menuTextOff";?&gt;&lt;?if($_GET['c']=="forums"){$theClass="menuTextOn";}?&gt;&lt;div style="position:absolute; top:104px; left:610px;"&gt;&lt;a class="&lt;?=$theClass?&gt;" href="app.php?c=forums"&gt;FORUMS&lt;/a&gt;&lt;/div&gt;
          &lt;?$theClass="menuTextOff";?&gt;&lt;?if($_GET['c']=="information"){$theClass="menuTextOn";}?&gt;&lt;div style="position:absolute; top:104px; left:780px;"&gt;&lt;a class="&lt;?=$theClass?&gt;" href="app.php?c=information"&gt;INFORMATION&lt;/a&gt;&lt;/div&gt;
          &lt;?$theClass="menuTextOff";?&gt;&lt;?if($_GET['c']=="blog"){$theClass="menuTextOn";}?&gt;&lt;div style="position:absolute; top:104px; left:950px;"&gt;&lt;a class="&lt;?=$theClass?&gt;" href="app.php?c=blog"&gt;BLOG&lt;/a&gt;&lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>