One of the CSS properties which is not very well know but very useful is called word-wrap. It allows you to break long single words which do not fit into specified space. So instead of hiding the problem with overflow: hidden use the following.
You can for example defined a class called “break_word” and apply it to the situation we have just described. You can’t think of an example? Think about long URLs.
.break_word {
word-wrap: break-word;
}