Javascript 如何避免/最小化列表中列表的缩进？

我有一个无序列表（ul）在另一个。缩进是巨大的，我想没有缩进的子列表

<ul>
    <li id="menu_home"><a href="./"><b>Home</b></a></li>
    <li id="menu_about"><a href="./?p=about"><b>About</b></a></li>
    <li id="menu_products">
        <a href="./?p=products">
            <b>Products</b>
        </a>
        <ul>
            <li>
                <a href="./?p=products#infiniSpam">infiniSpam</a>
            </li>
            <li>
                <a href="./?p=products#infiniNet">infiniNet</a>
            </li>
        </ul>
    </li>
</ul>

JsFiddle：

---

有人能帮我吗？

您可以使用以下CSS：

ul ul {
    padding:0;
}