Left positiong of bullets on a list

by audetwebdesign

HTML

<div id="container1"> <span>Something</span>

    <ul>
        <li>
            <div>One</div>
            <div>Some more text or content here</div>
        </li>
        <li>
            <div>One</div>
            <div>Some more text or content here</div>
        </li>
        <li>
            <div>One</div>
            <div>Some more text or content here</div>
        </li>
    </ul>
</div>

CSS

body {
    margin:20px;
    border: 1px solid #333;
}
ul {
    list-style: none;
    margin:0px;
    padding:0px;
    font-size: 1.0em;
}
ul li {
    margin-left: 0em;
    position: relative;
    padding-left: 1.0em;
}
ul li:before {
    content:"\2022";
    font-size: 1.0em;
    position: absolute;
    top: 0;
    left: 0;
}