I need a refresher on basic CSS. I have this "not staying within the box" problem in quite a few places in my application - not always on select boxes but other places, too: overflowIssue.gif

How do I fix this with CSS? I know we can limit the amount of text we allow them to enter and/or we can chop off the amount we display - but is there a way to use CSS to keep content like this within the form and/or window? I've tried giving the select box a specific width, giving the options a specific width, using overflow:auto, using position:relative on the select box - even played around a bit with word-wrap options but none of those things have helped. I can post code if necessary but I'm really looking for the general answer first. Since this is happening in several places, there's obviously some fundamental something that I'm missing.