Javascript 元素并排不在firefox中工作

在我的应用程序中，我得到了一个带有列表的菜单，我想在文本的一侧放一个圆圈，但在firefox中，带圆圈的div没有正确显示。在firefox中，我需要做些什么才能做好这项工作

div元素的CSS

#circulo-inativo {
  width: 15px;
  height: 15px;
  float: right;
  margin-top: 5px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #F05A29;
}

Html列表

                  <ul class="dropdown-menu festival-dropdown" aria-labelledby="festivalSelector">
                    <li><a href="/admin/festivals">Ver todos festivais</a></li>
                    <li role="separator" class="divider"></li>
                        <li><a href="http://fosfobox.lvh.me:3009/admin">test <div id="circulo-ativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                        <li><a href="http://novo2.lvh.me:3009/admin">novo2 <div id="circulo-ativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                        <li><a href="http://novo1.lvh.me:3009/admin">FESTIVAL DE VERÃO DE SALVADOR BAHIA <div id="circulo-ativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                        <li><a href="http://asdasasd.lvh.me:3009/admin">dadsad <div id="circulo-inativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                        <li><a href="http://dasdsa.lvh.me:3009/admin">dasdas <div id="circulo-inativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                        <li><a href="http://313123.lvh.me:3009/admin">132312 <div id="circulo-inativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                        <li><a href="http://eweqw.lvh.me:3009/admin">nvo teste <div id="circulo-inativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                        <li><a href="http://festtest.lvh.me:3009/admin">Festival Teste <div id="circulo-inativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                        <li><a href="http://sotrackboa.lvh.me:3009/admin">Só Track Boa <div id="circulo-inativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                        <li><a href="http://promotersdelirium.lvh.me:3009/admin">Promoters Delirium <div id="circulo-inativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                        <li><a href="http://delirium.lvh.me:3009/admin">Delirium <div id="circulo-inativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                        <li><a href="http://radiola.lvh.me:3009/admin">Radiola <div id="circulo-inativo"> </div>

                         </a>

                        </li><td class="ativo"></td>
                    <li role="separator" class="divider"></li>
                    <li class="festival-dropdown__new-festival"><a href="/admin/festivals/new">Criar novo festival</a></li>
                  </ul>

我们需要查看所有相关代码，以便对问题进行详细分析。缺少什么？我在两个浏览器中都放了两张带有行为和代码的图片。