[Solved] CSSMenu, sub-items with too much spacing
Posted: Tue Apr 08, 2008 7:47 am
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:
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 
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;
}
