The problem you are facing is natural: your browser thinks the text without spaces is one word, and in order to fit that in your div, it automatically overflows your ‘width’.

Of course, there is a way to prevent this. You should 1) add spaces to your text, or 2) find a PHP script that breaks the lines for you automatically. Then you don’t have to make the choice of where to break your text yourself: the script will do that for you.

Anyway, I think the most simple solution is to add spaces.

I’m using your CSS above with -overflow: auto-. My problem is that the specific text I’m using contains no spaces. What happens is that instead of the overflow working as expected, now only get one line of text truncated at the end of line.

Do you have a explanation for this and a way to prevent it from happening? Thanks.

my styles
#content {
margin: 0 0 0 0px;
width: auto;
overflow: visible;
height:auto;
}

body{
padding: 0px;
margin: 0px;
overflow:auto;
}

anyway, thanx for teaching us to pay attention to the simple solutions.