alt131 - 11:28 am on Jun 3, 2011 (gmt 0)
Hi IndigoSwing and welcome to WebmasterWorld :). Thanks for the code sample and explanation - and thumbs up for validating too!
On the provided code "testimonials" isn't behaving like the text in the other containers because it is a single word ... and I know that is obvious ;)
The text in the other containers is breaking and wrapping to a new line at the whitespace between words. As "testimonials" is a single word there isn't any whitespace to break - and with nothing to break, it pokes out the side. This is "expected" behaviour. Note the problem also arises if the user zooms the text/page larger as well.
How to avoid depends on what you want to achieve. I don't imagine you want to break a word in a menu, but if you did, you can use word-space:break word. For versions of ie, set on the element with the width, which is #navbar, although other browsers will accept it on the <a> or <ul>. Another way is to give #navbar a min-width so it doesn't collapse "narrower" than the width of the word.