Find the following in style.css and delete the line-height: 25px;
#left ul, #right ul, #left ol, #right ol, #left .commentlist li.alt ol, #left .commentlist li.alt ul
{
margin: 5px 0 0 0;
line-height: 25px;
padding: 0;
}
Thanks for the suggestion Figaro – unfortunately it did not work. That moved all the items on my sidebar onto a single line. I created a new template to use just for pages with tabs, and tried this:
#tabcontainerlist ul li
{
list-style-type: none;
background-image: none;
background-position: 0 0 0 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
line-height: 0;
}
And it didn’t work either. The gap is still there in FireFox, and the line then interesects the tab boxes in Internet Explorer.
change this:
#left ul, #right ul, #left ol, #right ol, #left .commentlist li.alt ol, #left .commentlist li.alt ul
{
margin: 5px 0 0 0;
line-height: 25px;
padding: 0;
}
to this:
#right ul, #left ol, #right ol, #left .commentlist li.alt ol, #left .commentlist li.alt ul
{
margin: 5px 0 0 0;
line-height: 25px;
padding: 0;
}
Perfect! That did the trick, thanks a million. If you don’t mind, can you explain how the solution works? I am still learning CSS.
those tabs are controlled by the selector #left ul
thats what you removed.
Ah, interesting. Thanks so much for the help!
