Word-wrap:break-word in IE7 not working

HTML & CSS
1

Room,

In FF 3.6 I am using white-space:normal for text wrapping in a div with a float of left. Works like a charm.

In IE7, I’ve read where you can use word-wrap:break-word to wrap text within a div, floated left. However, it is not wrapping. Here is the css:


.nwProductInfo .product-brand{
display:block;
height:30px;
overflow:hidden;
white-space:normal;

/* fix for word wrapping in IE */
width:125px;
word-wrap:break-word;
/* break-word:break-all; */

float:left;
text-align:left;
background:none;
font-size:12px;
font-weight:300;}

Could someone help me solve this for IE7?

Thanks

2

*ie 8

3

Can we see the full code? Do you have a doctype at the top of your page?

Can you tell us at least when you post in other forums about this issue? It could save us time from figuring it out if someone else has. It’s common courtesy.

4

??? @ryanreese
I have not posted this question in any other forum on SitePoint.

No, I do have access to the .jsp, therefore, I can not post the page since it is dynamically generated. I only have the css.

5

[URL=“http://w3schools.invisionzone.com/index.php?showtopic=36433”]

http://w3schools.invisionzone.com/index.php?showtopic=36433