html - 这些无序列表有什么错？

我正在尝试让2个无序列表在div中工作以实现两个不同大小的列，但是由于某些原因，我不希望在div中有这种多余的顶部/底部填充。

#contact-box {
    float: right;
    border-top: 1px solid #ccc;
    background-color: green;
    width: 250px;
    padding: 0px;
}

        ul#networks {
            list-style-type: none;
            float: left;
            width: ;
            padding: 0px;
        }
            #networks li {
            border-bottom: 1px solid #ccc;
            padding: 7px;

            }

        ul#contacts {
            list-style-type: none;
            float: right;
            width: 70%;
            background-color: red;
            padding: 0px;

        }
            #contacts li {
            border-bottom: 1px solid #ccc;
            padding: 7px;
            }

您可以在这里看到它：http://jsfiddle.net/XwfLD/
我知道这在CSS中会变得很简单，但是如果有人可以帮助的话，我们将不胜感激！

最佳答案

添加这些行：

ul{
    margin: 0;
    padding: 0;
}

Fiddle

关于html - 这些无序列表有什么错？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21923721/