不需要的空白空白

我得到了一个奇怪的页边空白,没有定义任何页边空白。

我使用css重置预先与 *{margin:0;padding:0;} 所以在所有人之间没有理由有这样的差距 ul 部分。

HTML:

<div class="footer-links">

        <ul>
            <li><h3>Title A</h3></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>

        <ul>
            <li><h3>Title B</h3></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>

        <ul>
            <li><h3>Title C</h3></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>

        <ul>
            <li><h3>Title D</h3></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>

    </div>

CSS:

.footer-links {
    border: 1px solid #ddd;
    width: 992px;
    margin: 0 auto;
    padding: 20px 0;
    color: #222;
}
.footer-links a {    
    color: #565656;
}
.footer-links ul {
    border: 1px solid #ccc;
    display: inline-block;
    min-width: 250px;
    text-align: left;
}
.footer-links h3 {
    padding-bottom: 2px;
} 

.footer-links li {
    padding-bottom: 3px;
} 

jsFiddle:

http://jsfiddle.net/VrMVU/1/