Text overlap's the image

[FluffyTheCat]

Hey,
So on my "document" products the product title will overlap the product image. The tricky thing is that it doesn't happen right away. I can only get it to happen in IE.

Here is how I duplicate the problem:
Maximize IE.
Go to the product page LINK.
Open a new tab.
Restore IE to a different window size.
Click on the products tab (the original tab).

You should now see the product title overlapping the product image. This is one of the many problems with this store that I have inherited. I am guessing that this is a CSS issue.

Thanks,
FluffyTheCat

[dbltoe]

I keep getting different readings.
Is this site in a frame?

[FluffyTheCat]

Hey,
Um I don't think so. How would I check?


Thanks,
FluffyTheCat

[gjh42]

The first thing that jumps out at me is that the sideboxes are overflowing the sidebar widths (in Firefox).
The (correct) behavior happens when 150px wide boxes with .3em left & right margins are inside 150px wide sidebars. 156px doesn't fit into 150px.

Also, your output shows

<div id="navColumnOneWrapper" align"center" style="width: 150px">

missing an = after align.

And no, it's not running in a frame.

Your stylesheet also has HTML comments, which I don't think work correctly in CSS files.

/*sideboxes*/
.columnLeft {}
<!-- left column -->
h3.leftBoxHeading, h3.leftBoxHeading a {

[FluffyTheCat]

Hey,
Thanks for the help. I "inherited" this installation and I am trying to take care of cleaning all this stuff up. I noticed the sideboxes too and started to play a little bit with them. I will see what I can do with the stylesheet to fix the text issue.


Thanks Again,

FluffyTheCat

[FluffyTheCat]

Hye,
So, my co-worker adjusted the image margin and aligned the text to the right. It seems to be working okay now.


Thanks,

FluffyTheCat