Firefox在布局中添加边距/填充

我在firefox中有一些空白和空白的“错误”，我还没有弄清楚。

这是黑色标题框的HTML/CSS代码：

        #caption{
        position:relative;
        display:block;
        margin: -4px 0 0 0;
        width: 650px;
        height:68px;
        background-color: black;
    }
                    <div>
                        <div id="slider2">
                            <div>
                                <img src="img/urban.jpg" />
                            </div>
                            <div>
                                <img src="img/urban2.jpg" />
                            </div>
                            <div>
                                <img src="img/urban3.jpg" />
                            </div>
                        </div>
                    <div id="caption"></div>
                </div>

#标题{
位置：相对位置；
显示：块；
保证金：-4px0；
宽度：650px；
高度：68px；
背景色：黑色；
}

这也是计划代码：

        #schedule{
        height: 500px;
        background-color: #ededed;
        padding: 10px 10px 0px 10px;

    }
        #schedule h2{
            text-align: center;
            font-family: Arial;
            color: rgba(0,0,0,.7);
        }
        .away{
            color: red;
        }
        .gameline{
            border-bottom: 1px solid rgba(0,0,0,.4);
        }


        .lineup > li{
            margin: 0 0 7px 0;
        }
        #date{
            margin: 20px 0 0 0;
            list-style:none;
            width: 70px;
            float:left;
            padding-right:30px;
            font-family: 'Esteban', serif;
            font-family: Arial;
            font-weight: bold;  
        }
            #date > .gameline{
                border-bottom: 1px dashed rgba(0,0,0,0);
            }
        #opponent{
            margin: 20px 0 0 0;
            font-family: 'Esteban', serif;
            font-family: Arial;
            list-style:none;
        }

                <div id="right">
                <div id="schedule">
                    <h2>2012 Schedule</h2>
                    <ul id="date" class="lineup">
                        <li>APR. 21</li>
                        <li class="gameline"></li>
                        <li>SEPT. 1</li>
                        <li class="gameline"></li>
                        <li>SEPT. 8</li>
                        <li class="gameline"></li>
                        <li>SEPT. 15</li>
                        <li class="gameline"></li>
                        <li>SEPT. 22</li>
                        <li class="gameline"></li>
                        <li class="away">SEPT. 29</li>
                        <li class="gameline"></li>
                        <li>OCT. 6</li>
                        <li class="gameline"></li>
                        <li class="away">OCT. 13</li>
                        <li class="gameline"></li>
                        <li>OCT. 20</li>
                        <li class="gameline"></li>
                        <li class="away">OCT. 27</li>
                        <li class="gameline"></li>
                        <li>NOV. 3</li>
                        <li class="gameline"></li>
                        <li>NOV. 10</li>
                        <li class="gameline"></li>
                        <li class="away">NOV. 17</li>
                        <li class="gameline"></li>
                        <li>NOV. 24</li>
                    </ul>

                    <ul id="opponent" class="lineup">
                        <li>Scarlet & Gray Game</li>
                        <li class="gameline"></li>
                        <li>Miami(Ohio)</li>
                        <li class="gameline"></li>
                        <li>Central Florida</li>
                        <li class="gameline"></li>
                        <li>California</li>
                        <li class="gameline"></li>
                        <li>UAB</li>
                        <li class="gameline"></li>
                        <li class="away">Michigan State</li>
                        <li class="gameline"></li>
                        <li>Nebraska</li>
                        <li class="gameline"></li>
                        <li class="away">Indiana</li>
                        <li class="gameline"></li>
                        <li>Purdue</li>
                        <li class="gameline"></li>
                        <li class="away">Penn State</li>
                        <li class="gameline"></li>
                        <li>Illinois</li>
                        <li class="gameline"></li>
                        <li>BYE</li>
                        <li class="gameline"></li>
                        <li class="away">Wisconsin</li>
                        <li class="gameline"></li>
                        <li>Michigan</li>
                    </ul>
                </div>

#时间表{
高度：500px；
背景色：#ededed；
填充：10px 10px 0px 10px；
}
#附表h2{
文本对齐：居中；
字体系列：Arial；
颜色：rgba（0,0,0,7）；
}
.走开{
颜色：红色；
}
.游戏线{
边框底部：1px实心rgba（0,0,0,4）；
}
.阵容>李{
边际：0.7px 0；
}
#日期{
利润率：20px0；
列表样式：无；
宽度：70px；
浮动：左；
右侧填充：30px；
字体系列：“Esteban”，衬线；
字体系列：Arial；
字体大小：粗体；
}
#日期>.gameline{
边框底部：1px虚线rgba（0,0,0,0）；
}
#对手{
利润率：20px0；
字体系列：“Esteban”，衬线；
字体系列：Arial；
列表样式：无；
}
2012年时间表

4月21日

9月1日

9月8日

9月15日

9月22日

9月29日

10月6日

10月13日

10月20日

10月27日

11月3日

11月10日

11月17日

11月24日


猩红与灰色游戏

迈阿密（俄亥俄州）

佛罗里达中部

加州

UAB

密歇根州

内布拉斯加州

印第安纳州

普渡大学

宾夕法尼亚州立大学

伊利诺伊州

再见

威斯康星州

密歇根州

在您的LI中使用a（日期）并设置标签样式，而不是试图将两个LI并排放置并使其匹配。为标签设置一个宽度和

float:left

。

好东西，我重新编码，减少了代码和麻烦。忘记那个标签了！还有一件事，firefox仍然在黑色标题框中添加了一两个像素的填充/空白。我想我需要一个重置或修复，有线索吗？需要它的是线的高度。就在迪奥多斯！