Long lines does not wrap in Firefox only in IE

[departedmind]

Dynamically created long lines does not wrap in Firefox and exceeds the width of the container. How can I solve that...

 

Div has the style

 

.first{

font-family:Arial;

position: relative;

margin:0 auto;

float: left;

top: 111px;

left: 50px;

width:668px;

height:auto;

 

}

 

And inside that div there is a table with width 400, The texts comes from database and if it is long it does not break in Firefox (works fine in IE)

 

Any solution ....

 

 

[jcombs_31]

I can't say I know the exact problem, but I do see some issues with your CSS.  First, you should declare your fonts in the body of your page.  Second, whey is the div positioned?.  You also have your margins set as if you want to center the div, but then you use a float.  Top and Left are for absolute positioning, and why is you height set to auto?  I say if you clean up the css you may fix your problem.  You also failed to post the css for the table in the div.