Как замену бэкграунда перенести в css

Фоново еизображение в навигации при наведении изменяется на другое изображение. Все работает верно, в сверстано это не совсем верно, а именно:

<div class="menu" id="_main" onmouseover="select(this)" onmouseout="unselect(this)" style="background-image: url(/design/images/bgr/menu_bg.gif);"><a href="http://coregamer.ru/" class="menu" title="ГЛАВНАЯ">ГЛАВНАЯ</a></div><div class="vline"></div>
      <div class="menu" id="_news" onmouseover="select(this)" onmouseout="unselect(this)" style="background-image: url(/design/images/bgr/menu_bg.gif);"><a href="http://coregamer.ru/news/" class="menu" title="НОВОСТИ">НОВОСТИ</a></div><div class="vline"></div>
      <div class="menu" id="_materials" onmouseover="select(this)" onmouseout="unselect(this)" style="background-image: url(/design/images/bgr/menu_bg.gif);"><a href="http://coregamer.ru/materials/" class="menu" title="МАТЕРИАЛЫ">МАТЕРИАЛЫ</a></div><div class="vline"></div>
      <div class="menu" id="_interviews" onmouseover="select(this)" onmouseout="unselect(this)" style="background-image: url(/design/images/bgr/menu_bg.gif);"><a href="http://coregamer.ru/interviews/" class="menu" title="ИНТЕРВЬЮ">ИНТЕРВЬЮ</a></div><div class="vline"></div>
      <div class="menu" id="_events" onmouseover="select(this)" onmouseout="unselect(this)" style="background-image: url(/design/images/bgr/menu_bg.gif);"><a href="http://coregamer.ru/events/" class="menu" title="ТУРНИРЫ">ТУРНИРЫ</a></div><div class="vline"></div>
      <div class="menu" id="_matches" onmouseover="select(this)" onmouseout="unselect(this)" style="background-image: url(/design/images/bgr/menu_bg.gif);"><a href="http://coregamer.ru/matches/" class="menu" title="МАТЧИ">МАТЧИ</a></div><div class="vline"></div>
      <div class="menu" id="_coverages" onmouseover="select(this)" onmouseout="unselect(this)" style="background-image: url(/design/images/bgr/menu_bg.gif);"><a href="http://coregamer.ru/coverages/" class="menu" title="РЕПОРТАЖИ">РЕПОРТАЖИ</a></div><div class="vline"></div>
      <div class="menu" id="_demo" onmouseover="select(this)" onmouseout="unselect(this)" style="background-image: url(/design/images/bgr/menu_bg.gif);"><a href="http://coregamer.ru/demo/" class="menu" title="ДЕМКИ">ДЕМКИ</a></div><div class="vline"></div>
      <div class="menu" id="_gallery" onmouseover="select(this)" onmouseout="unselect(this)" style="background-image: url(/design/images/bgr/menu_bg.gif);"><a href="http://coregamer.ru/gallery/" class="menu" title="ФОТОГАЛЕРЕЯ">ФОТОГАЛЕРЕЯ</a></div><div class="vline"></div>
      <div class="menu" id="_forum" onmouseover="select(this)" onmouseout="unselect(this)" style="background-image: url(/design/images/bgr/menu_bg.gif);"><a href="http://coregamer.ru/forum/" class="menu" title="ФОРУМЫ">ФОРУМЫ</a></div>
<div class="vline"></div>

сайт www.coregamer.ru

Хочу спрятать эти лишние строчки в css, до этого у другого верстальщика это хитро получилось

<ul class='ul1'>
<li><a href='/'>Главная</a></li>
<li><a href='/news/'>Новости</a></li>
<li><a href='/materials/'>Материалы</a></li>
<li><a href='/reports/'>Репортажи</a></li>
<li><a href='/demo/'>Демки</a></li>
<li><a href='/arrangements/'>Мероприятия</a></li>
<li><a href='/photogallery/'>Фотогалерея</a></li>
<li><a href='/polls/'>Опросы</a></li>
<li><a href='http://www.cyber66.org/redir.php?out=http://forum.coregamer.ru'>Форумы</a></li>
<li><a href='/league/'>b100 Events</a></li>
<li><a href='/irc/'>Quakenet</a></li>
</ul>

Кто-нибудь может помочь спрятать эти теги в ксс (если это возможно) или заменить на ul-li, хотя это вроде сложнее.

Заранее спасибо!!