Customizing the look of categories

[Corinne]

Hello,

I'm a newbie with Zen Cart, but I know CSS well... and I have a few notions of PHP, but probably not enough to solve this case !

I would like my categories to be displayed with this simple structure :

<div id="navig_left">
<h2>Categories</h2
<ul >
  <li><a href="#">Cat 1</a></li>
  <li><a href="#">Cat 2</a></li>
</ul>
</div>

So I tried to customize the sideboxes/tpl_categories.php page but without success at all... Anytime it gave me this kind of result :

<!--// bof: categories //-->
<div class="leftBoxContainer" id="categories" style="width: 150px">
<h3 class="leftBoxHeading" id="categoriesHeading">Categories</h3>
<div id="categoriesContent" class="sideBoxContent">
<li><a class="category-top" href="#">Cat</a></li><br />
<li><a class="category-top" href="#">Cat</a></li><br />
<li><a class="category-top" href="#">Cat</a></li><br />
<hr id="catBoxDivider" />
<a class="category-links" href="#">All Products ...</a>
</div></div>
<!--// eof: categories //-->

I would just like to get rid of all this stuff (various divs, classes, hr, etc) and place my ul, li, and div as I like... But the code structure is too mysterious for me in that template :)

Anonye could give me any tips or direct me to an existing ressource (search unsuccessful).

Many thanks in advance !