Click to See Complete Forum and Search --> : Small issue with spacing in CSS


royhobbs
09-17-2009, 06:16 PM
Hi thanks for looking.

i have built this page http://www.jepistons.com/dept/tech/

and if you look at it in IE there is no issue. i am speaking of the listing in the main area, for example where it says "frequently asked questions" notice the text fits aligned vertically between the 2 gray lines. however in mozilla/firefox the words are vertically aligned to the bottom. i have created a parameter in the CSS that states that it be aligned to "middle" but that doesnt work. any help would be great.

Thanks.

coothead
09-18-2009, 06:39 AM
Hi there royhobbs,

in your tech.css file try changing this...

div#sp-left-column li {
padding: 12px 0px 0px 0px;
border-top: 1px solid #CCCCCC;
display: block;
margin: 0 0 0 00;

}

div#sp-left-column li a {
padding: 0px 0px 0px 0px;
display: block;
margin: 0 0 0 10;
color: #363636;
text-decoration: none;
}

...to this...

div#sp-left-column li {
border-top: 1px solid #ccc;
}

div#sp-left-column li a {
padding: 6px 0;
display: block;
margin: 0 0 0 10px;
color: #363636;
text-decoration: none;
}

coothead