Product title Border-bottom problem

Hi

If you go here:
pcselect.co.za/index.php?main_page=product_info&cPath=348_417_391_414&products_id=2696

You will notice that the dashed border-bottom of the product title runs all the way across the center column of the page, behind the product image, when it is just suppose to go under the product title.

This is an entry in the CSS that could contribute to this: (used to make the product title go next to the product image)

#productMainImage {
float: left;
}

Any ideas on how to fix this?

PS: I have tried adding the product title to the Product Details box, but that only solved half the problem. If I do this, the title does not display properly.

Thanks for the help
S

try adding:

#productName {
float: right;
width:55%;
}

rbarbour:

try adding:

#productName {
float: right;
width:55%;
}

Thanks for the reply.

I did try that (when the product name was in the product detail box), but it did not work well for images that were smaller.

If there is no way around this, I am sure it won't be too much of a blow to just remove the bottom border.

Thanks again
S

For interests sake, I have done this:

#productName {
border-bottom: none !important;
}

Which seems to work fine.

what if you just add a background color:

#productMainImage {
float: left;
background:#FFF;
}

that way the border is their (cause it does look good) but doesn't overlap the image no matter what size image

rbarbour:

what if you just add a background color:

#productMainImage {
float: left;
background:#FFF;
}

that way the border is their (cause it does look good) but doesn't overlap the image no matter what size image

This sort of fixed it, but it leaves a small bit of border on the top left side of the image.

Is there a way we can manipulate the image so that it does not allow the border to show there?

Thanks :smile:
S