Verical tab positions

[nakoned]

Hi,
I am sure I have very basic question, but I just spent two hours trying to fix it... so here is goes. I am trying to create vertical CSS tabs/menu, but cannot change the spacing between individual tabs. Ideally I'd like it to be about 1px, but it is around 10px:

[IMG]file://c:/temp/tabs.jpg[/IMG]

My css file looks as follows:

.dynamic-tab-pane-control-vertical.tab-pane {
font: bold 9px/1.5em Verdana;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #FFF;
padding: 0;
}

.dynamic-tab-pane-control-vertical .tab-row {
font: bold 9px/1.5em Verdana;
width: auto;
margin: 0px;
}


.dynamic-tab-pane-control-vertical .tab-row a {
font: bold 9px/1.5em Verdana;
height: 24px;
text-decoration: none;
}


.dynamic-tab-pane-control-vertical .tab-row .tab.selected a {
font: bold 9px/1.5em Verdana;
color: #FFF;
background: url(images/menu.vertical.g if) 0 -32px no-repeat;
padding: 8px 0 0 10px;
line-height: 10px;
}

.dynamic-tab-pane-control-vertical .tab-row a:hover,
.dynamic-tab-pane-control-vertical .tab-row a:link,
.dynamic-tab-pane-control-vertical .tab-row a:visited {
font: bold 9px/1.5em Verdana;
color: #333;
display: block;
background: url(images/menu.vertical.g if) no-repeat;
padding: 8px 0px 0px 10px;
line-height: 10px;
}

Your help is greatly appreciated...

[harrierdh]

First you should read the forum guidelines. Post a link to your page or the source code. That way it can be brought up in Firebug and the answer would be clear. BTW get Firefox and Firebug. You'll really like it.