Lists forced into 2 columns - IE7

Question

I've been doing a page with two separate lists, though I want them underneath each other, instead of going into 2 different columns as it does in IE7.

How can I change the css to force the list in the 2nd columns to go in below in IE 7?

        <ul>
        <li>list item</li>
        <li>list item</li>
    </ul>
    <ul>
        <li>list item</li>
        <li>list item</li>
    </ul>

}
#howitworks .getmore_info ul{
    float:left;
    margin-top:0;
}
#howitworks .getmore_info ul li{
    padding:3px 0;
    list-style:inside;
}

Hope you can help,

Kind Regards,

Snakespan

Answer 1

Remove the float:left from the ul and it should work fine.