UL don't stay within their containing DIVs?

You'll want to use list-style-position:

ul {
   list-style-position: inside;
}

You usually lose the list decorations to the overflow of a div when your UL/OL and LI don't have enough padding, or you are floating elements or display: inline.

Try adding some padding/margins to your list items (LI element).