[SOLVED] Help, looks crappy in IE

[MrBaseball34]

I know, IE sucks but we must support it anyway.

At any rate, the images below show how my FeatureProducts block looks in FFv3.6.8 and
how crappy it looks in IE v8.6001.18207.

Anyone know how to fix this?

Won't let me attach my homefeatured.tpl.
If you want to see it, let me know by PM.

[rocky]

It looks like the height of the product name is messing up. You must zip your tpl file before attaching it. If you'd rather not attach it to this topic, send me your homefeatured.tpl and global.css and I'll take a look.

[MrBaseball34]

OK, I zipped it up and it is attached...I am using the cleanblue theme (modified, of course)
Thanks for helping out.

homefeatured.zip

[rocky]

Try changing lines 1119-1122 from:

#center_column div.products_block h5 {
   display: block;
   height: 2.00em;
}

to:

#center_column div.products_block h5 {
   display: block;
   height: 2.00em;
   overflow: hidden;
}

[MrBaseball34]

I see no change in IE8 at all.

[MrBaseball34]

Hey, rocky, I figure it out.

My description and description_short had paragraph tags around the text, so Firefox was removing the extra tag which was being thrown in by the template. IE was not and was leaving a blank space because it thought their should be an extra paragraph there. I found out by using the developers Toolbar in IE and Firebug in Firefox together to see what was happening.

I removed the tags from my descriptions and all is well. I had to make some more adjustments to the CSS, I added a 25px top margin to this:

#center_column div.products_block a.product_image

Thanks for the help...

[rocky]

Great. Please edit your first post and add [sOLVED] to the front of the title.

[MrBaseball34]

oops, sorry, forgot...

E.