CSS Problem

Hello,

I've installed a module for a drop down module , I've check that it shouldn't keep it's css , but the one from the template. Everything is ok , except the links in the menu are very close one to another and I can't figure out how to change them.

Here is the code , maybe someone can help me :
This is in index.php , where the module is situated :
Code:
<div class="main">
<div class="maina">
<span class="menu"><jdoc:include type="modules" name="position-1"/></span>
</div>


And this is the CSS :

.main{

height:29px;
float:left;
width:928px;
margin-top:100px;
position: relative;
z-index: 999;
}

.maina{
height:29px;
margin-left:80px;
margin-top:0px;
color:#FFFFFF;
position: absolute;
x-index: 400;
}



.maina ul{
display:inline;
height:29px;
color:#FFFFFF;
}

.maina li{
margin: 13px 0 13px 0;
padding-left:50px;
padding-right:0px;
display:inline;
padding-bottom:15px;
background: no-repeat top left url('../images/main-c.png');
color:#FFFFFF;
}

.maina li a{
position: relative;
top:7px;
color:#FFFFFF;
}

.menu{
margin-left:0px;
background: repeat-x top url('../images/main-bg.png');
padding-bottom:15px;
color: #ffffff;
font-size:120%;
font-family:"Arial,Verdana",sans-serif;
z-index:95;
}


This is the site : www.lamario-skiparang.ro

The first menu is the one called "Top" and as you can see everything is ok.
The second one is the module I've installed ,as you may see it's the same as the first one, except for the distance between them.

How can I fix this ?

Thank you.