Firefox zobrazuje seznamy jinak než ostatní prohlížeče

<section>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>PHP</li>
            <li>JS</li>
        </ul>
        <ol>
            <li>99%</li>
            <li>99%</li>
            <li>83%</li>
            <li>64%</li>
        </ol>                                
    </section>

section ul li {
    position: relative;
    list-style-type: none;
    float: left;
    color: #FFFFFF;
    background-color: #00BBFF;
    margin-left: 2px;
    margin-bottom: 2px;
    top: 30px;
    width: 99px;
    padding: 15px 5px;
    font-size: 23px;
    font-family: Georgia;
    text-align: center;
    transition: top 0.5s;
    -moz-transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -o-transition: top 0.5s;
    -ms-transition: top 0.5s;
  }
  
section ul {
    position: relative;
    top: 135px;
    left: 81px;
    width: 230px;
    z-index: 1;
    cursor: pointer;
  }

section ol li {
    list-style-type: none;
    float: left;
    border: 2px solid #B3B3B3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: 55px;
    margin-bottom: 25px;
    padding: 5px 5px;
    text-align: center;
    color: #00BBFF;
    font-family: Georgia;
    font-size: 17px;
    width: 42px;
  }

section ol {
    position: relative;
    top: 70px;
    left: 56px;
    width: 230px;
    height: 5px;
    z-index: 0;
    cursor: default;
  }