Question

So I have div id="main_content" with scroll (overflow:auto;) and a list inside it. The problem is, that circles near lists items are missed! How can I fix it?

#main_content {
    height: 620px;
    margin-left: 390px;
    margin-top: -350px;
    overflow: auto;
    padding-right: 10px;
    position: absolute;
    text-align: justify;
    width: 620px;
}

#main_content ul li {
    display: list-item;
    list-style: circle;
}

Answer 1

If you’ve used a reset stylesheet, or perhaps set margin: 0; in your css, you’ll need to reset the margin-left value of the ul or li element(s), unless you prefer to use list-style-position: inside; (the other value being, obviously, outside).

ul li {
    list-style-type: circle;
    margin-left: 2em;
}

JS Fiddle demo.