product info display problem after installing Tabbed Products Pro

Hi just wondering if anyone can help me on this. I have installed Tabbed Product Pro (TPP) and the product details e.g. manufacturer name, weight etc appear on the details tab of but they wrap at a certain point instead of using the full width of the tab. The text in the product description field is fine though. I know it is a css issue but have tried changing numerous settings and still no joy! when I put in white space: no-wrap, it solves the problem for the list view e.g.
Product Code: ORKD5007
Delivery/Shipping Weight: 1.4kg
Manufactured by: Other
Product Count: 40
Recommended Retail Price per Unit: 0.44

but where the text is bigger it just runs on outside the tabbed content box so not really good either, when I leave it as normal, this is what happens:

Product Code: ORKD5007
Delivery/Shipping Weight: 
1.4kg
Manufactured by: Other
Product Count: 40

Recommended Retail Price
per Unit: 0.44

thanks guys.

If its a css problem, we can't solve it by guesswork, we need to see an effected page so we can see the code interacting

You may want to try posting in the support thread, as that is where the maintainers hang out.

http://www.zen-cart.com/forum/showthread.php?t=86201

and also where, if anyone else has had this problem the solution will be

ah, I see you have directed here from that support thread,

we need to see a link to an affected page

Thanks, please see link here

you see how the lines wrap

This is the CSS:

#productDescriptionWrapper {
margin-left: 320px;

padding: 0;
width: 442px;

position:center:
float:right
}

#productDescription {
width: 400px }

#productDescription li {
margin-left: 2em;
}

.biggerText li {
margin-left:2px;
}

#slidetabsmenu {
float:left;
border-bottom:1px solid #F45551;
width:100%;
line-height:normal;
}
#slidetabsmenu ul {
margin-left:1em;
width:100%;
padding:10px 10px 10px 10px;
list-style:none;
}
#slidetabsmenu li {
display:inline;
width:100%;
margin-left:2em;
padding:0;
font-weight: bold;
}
#slidetabsmenu a {
float:left;
background:url("../../images/tpp/tableft9.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#slidetabsmenu a span {
float:left;
display:block;
background:url("../../images/tpp/tabright9.gif") no-repeat right top;
padding:5px 12px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac */
#slidetabsmenu a span {float:left;}
/* End IE5-Mac hack */
#slidetabsmenu a:hover {
background-position:0% -42px;
}
#slidetabsmenu a:hover span {
color:#FFF;
background-position:100% -42px;
}
#slidetabsmenu a.current {
background-position:0% -42px;
}
#slidetabsmenu a.current span {
background-position:100% -42px;
}
element.style {
display: block;
width: 400px;
}
.tabcontent {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-color: -moz-use-text-color #F45551 #F45551;
border-right: 1px solid #F45551;
border-style: none solid solid;
border-width: medium 1px 1px;
width: 400px;
min-height: 200px;
padding: 10px 20px 0;
float:left;
font-size: 1.1em;
display: inline-block;

}

.ui-corner-bottom {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

nigelt74:

ah, I see you have directed here from that support thread,

we need to see a link to an affected page
And nigel I directed him here because there aren't a lot of CSS gurus hanging there.. SInce this si a CSS issue I figured why not go where the CSS kings and queens hang out..:smile: This is where I go when I have CSS questions.. (or a non Zen Cart CSS forum I keep on speed dial too.. :laugh:)