adjustment of menu

[hamaddar]

hey i am a code dumb.. i ve uploaded a blog.. i tried to position the menu in given place but i cant..

see the current position of menu http://koolmuzone.0fees.net/word/

this is the code that i pasted in the header file for menu

<script src="http://koolmuzone.0fees.net/word/menu/xaramenu.js"></script><script menumaker src="http://koolmuzone.0fees.net/word/menu/blogmenu.js"></script>

can anyone reposition that by fixing this code? if anyone could please center it from top and bottom and move it on a little right, ill be realy thankful

thanks

[hamaddar]

This is the part of the headerfile where there is already a menu. <ul> has the menu.

<div id="catnav">
<div id="toprss"><a href="feed:<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/rss-trans.png" alt="<?php bloginfo('name'); ?>" width="65" height="24" /></a></div> <!-- Closes toprss -->
<ul id="nav">
  <li><a href="<?php echo get_option('home'); ?>">Home</a></li>
  <?php wp_list_categories('sort_column=name&title_li=&depth=2'); ?>
</ul>
</div> <!-- Closes catnav -->

<div class="cleared"></div>

when i replace the whole <ul> </ul>

with

<script src="http://koolmuzone.0fees.net/word/menu/xaramenu.js"></script><script menumaker src="http://koolmuzone.0fees.net/word/menu/blogmenu.js"></script>

the new menu shows up but the new menu is slightly displaced.. which you can see here

www.koolmuzone.com

please make the right editing in code so the menu may appear at the right place PLEASEEE i NEEEEED HELPPP :x

Thanks