Here are other trick that show me my coworker Javier Bertos. If any time you need cut a text when it exceeds a specific width, you can combine the attributes of css3; white-space:nowrap and text-overflow:ellipsis for made it.
Recently, increasingly required me that the sites that I build, will fit on the usual screen size and not only create a unique size of the site (in resume, the companies are demanding more that us webs pages will have the Responsive design)
For we can make it, until now, we will specified the hight and width in percent but sometimes, the result is far to the we will like. But now, with css3 and us media queries, this is possible.