i'm refering to the bottom left links on this site: http://www.thirdshiftstudios.net/panaboard/index.html

i tried variuos 'padding' and indents...but it wasn't going well. It would move the rollovers and reformat the column.

should look like this:

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
border-bottom: 1px solid #FFFFFF;
margin: 0;
}

#button li a {
display: block;

background-color: 007DBE;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #button li a {
width: auto;
}

#button li a:hover {
background-color: #99cc66;
color: #fff;
}


.navboards {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #666666;
font-weight: bold;
text-indent: 10pt;
line-height: 18pt;
}
.navSupplies {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #666666;
text-indent: 10pt;
line-height: 14pt;
left: 10px;
}

#button li {
border-bottom: 1px solid #FFFFFF;
margin: 0;
padding: 0;
}
Try it there.

If that doesn't work, try this:
#button li a {
display: block;

background-color: 007DBE;
color: #fff;
text-decoration: none;

padding: 0 5px;
margin: 0;
width: 207px; /* this is 217 pixels, the width of the column, - 5 pixels x 2 for padding.

}

The issue with the links is the text-indent on .navSupplies. If I'm not mistaken the indent is just for the first line so as soon as you have the break there's no more indent. Also you used left:10px, but there is no left without either absolute or relative positioning. I think what you wanted to use was padding-left. When I changed the css to what I have below it lined up like I think you want.

.navSupplies {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #666666;
line-height: 14pt;
padding-left: 15px;
}

You're better off specifiying font sizes in 'em' or if you want a fixed measurement 'px' since 'pt' have no real meaning on a computer monitor. It's a holdover from print sizes.

You'll also want to change the text-indent on .navboards. The spacing works there since those links are only on one line at the moment, but it's padding-left you really want to use. It looked like 10pt was roughly the same as 15px.

thanks all! i'll give these a shot later tonight =)

none of those worked

vangogh's had the most obvious effect on it, but the rollover didn't stretch the width of the cell, it stopped at the edge of the indent.

any other thoughts or should i trash the soft returns [although i think the client really wants them there]

bump...

Oops. Try what I have above, but move the padding to .navSupplies a

.navSupplies a {padding-left: 15px;}

That should have the rollover filling the entire menu list item.

YOUR ARE THE BOMB!

thank you sooo much, well done, sir. well done!

Glad to help. Me thinks I'm detecting a little excitement in your typing.