[Solved] CSSMenu, sub-items with too much spacing

[nakkiel]

Hi

I have this problem with my menu. Here is a picture of it:



As you can see, the sub-items are far too much onto the right. I need only like half that spacing there. How can I make this smaller? I'm using CSSMenu with this stylesheet:

Code: Select all

#menu {
   background-color: #FFFFFF;
   background-image: url(images/menupic1.jpg), url(images/menupic2.jpg);
   background-repeat: no-repeat;
   background-position: top-left, top-right;
   color: #000000;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 8pt;
   width: 265px;
}
#primary-nav li a{
   color: #000000;
   font-weight: bold;
   list-style: none;
   text-decoration: none;
}
#primary-nav li li a{
   color: #000000;
   font-weight: normal;
   list-style: none;
   text-decoration: none;
}
#primary-nav li {
   color: #000000;
   list-style-image: url(images/arrow.jpg);
   padding-top: 4px;
   padding-left: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
   text-decoration: none;
}
#primary-nav li li {
   color: #000000;
   font-weight: normal;
   list-style: none;
   text-decoration: none;
}
#primary-nav li.menuactive a{
   color: #ff7800;
   list-style: none;
}
#primary-nav li.menuactive li a{
   color: #000000;
   list-style: none;
}

For some reason IE shows those bullets in each item, but that's another story. But if you know why it does that (too), please tell me

[KO]

#primary-nav ul {
margin: whateveryouwant;
padding: same here probably nothing needed;
}

[nakkiel]

Works perfectly, thank you