ul{
padding-left: 0;
overflow: hidden; /* prevent the padding on li's from spilling out */
}
ul li {
position: relative;
left: 1.3em;
padding-right: 1.3em; /*prevent the li's from hanging over the far edge of their parent*/
}
/*
Source: http://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-floating-elements
*/