Firefox 22.0垂直填充问题

时间:2013-07-27 16:05:34

标签: css firefox padding

我在Firefox中只有一个问题(22.0)在块元素上使用填充时,底部填充与顶部填充不同,而两者的填充在css中相同。

CSS,其中#navigation是元素容器:

nav#navigation {
  position: relative;
  margin: 0 0 25px;
  padding: 0;
  background-color: #2f2f2f;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

nav#navigation ul.menu {
  float: left;
  position: relative;
  list-style: none;
  margin: 0;
}

nav#navigation a.my-element {
  float: left;
  display: block;
  padding: 6px 15px;
  line-height: 1;
  vertical-align: middle;
  font-size: 17px;
  font-weight: 300;
  text-decoration: none;
  background: #ff8833;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

nav#navigation a.my-element span {
  display: block;
  padding-left: 20px;
  background: url("assets/img/icon-plus.png") no-repeat left center;
}

HTML:

<nav id="navigation" class="clearfix" role="navigation">

    <ul class="sf-menu menu">
        <li><a href="#">list element</a></li>
        <li><a href="#">list element</a></li>
        <li><a href="#">list element</a></li>
    </ul>

    <a href="#" class="my-element"><span>Some Text</span></a>

</nav>

以下是截图:http://postimg.org/image/wzypkwu2l/

有什么问题吗? 感谢

0 个答案:

没有答案