Help with IE product listing layout

[grayceworks]

I am pulling my hair out over this one, and it's probably something simple

on my product listing pages, in IE only, the item titles are not lined up with the rest of the listings. they are off by either 1 or 3 rows, depending on how i've tried to adjust the code...

the descriptions are exactly where they're supposed to be, but the titles start up in the category description, rather than above the product descriptions.

http://tinyurl.com/356oao

this is a problem page, view fine in mozilla based browsers, is out of alignment in IE... help?

another problem, may or may not be related... these same item titles turn off completely when using the scrolling news box sidebox. This sidebox has javascript to fade the text in and out, and when it fades out the first time, it fades out the item titles in my listing as well, and while the text in the news box comes back, the item titles don't.

and last but not least, how do I make a category bold, ONLY while the user is in that category, and then make it back to normal and the new category bold when the user goes to the new category? using "visited" link will just make the link bold for the rest of the time after it's been clicked, which is not what I want. I want the current category highlighted in the category list.

is that possible?

thanks...

[grayceworks]

Oh, I just remembered.. one more problem... when I'm on the product info page, and I try to click on the image to get the larger image to popup, there is only a tiny clickable area in the middle of the image. how do I make this clickable area the size of the whole image?

[gjh42]

Can't help with IE or JS, but your bold categories is easy.

The Classic template does what you are asking for, and looking in its stylesheet shows this:

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
    color: #008000;
    text-decoration: none;
    }
A.category-links, A.category-links:visited {
    color: #004080;
    text-decoration: none;
    }
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
    color: #FF0000;
    text-decoration: none;
    }
SPAN.category-subs-parent {
    font-weight: bold;
    }
SPAN.category-subs-selected {
    font-weight: bold;
    }
/* end categories box links */ 

Notice the SPAN... selectors which call for bold text.
I haven't used these, but you might try putting those in your stylesheet and seeing if they work. It is possible that Classic has modified code here too, to apply these as tags, in which case it would be more complicated.
Post your results so we know if it works.

[grayceworks]

perfect! thank you... here is what I used... I made a couple modifications to fit my site...

A.category-top, A.category-top:visited {
    color: #933;
    text-decoration: none;
    }
A.category-links, A.category-links:visited {
    color: #933;
    text-decoration: none;
    }
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
    color: #933;
    text-decoration: none;
    }
	A.category-subs:hover, A.category-products:hover, A.category-subs:hover, A.category-products:hover {
    color: #333;
    text-decoration: underline;
    }
	SPAN.category-subs-parent {
    color:#000;
    }
SPAN.category-subs-selected {
    color:#000;
    }

I didn't actually use bold, since it made some of my lines wrap.. but I changed a different color than the other two states, so it stands out better...

Thank you again!