How to resolve stylization error in Select Option options that appears error in Firefox

Question

In Firefox version 48.0, this giving error in styling the options of Select Option.

Follows the code:

<div class="buscaCodigo">

  <div class="form">
  <br /> <br />
   <h2>Entre abaixo com o código</h2>
   <form action="busca.php" method="post">
     <input type="hidden" name="acao"  value="buscaCodigo" />
     <br /> <br />
     <label>Código</label><input type="text" class="typeTextMedio" id="codigo"  name="codigo" required />
    <input type="submit" value="Pequisar" class="btnPesquisa" />
     <br /> <br />
   </form> 
   </div>

  <div class="fechar">
    <img src="_img/btn-close.png" style="width:50px;" />
  </div>

</div>

<div class="buscaImovel"><br />
  <h1 class="h1Centralizado">Pesquise pelo imóvel que deseja</h1>

  <div style="height:10px;"></div>

  <div class="divBusca">

  <form action="busca.php"  method="post">
    <input type="hidden" name="acao" value="buscaPrincipal">

    <div class="camposBusca">
      <?php  $tiposImoveis = $tiposDao->pesquisaTipos(); ?>
      <select multiple="multiple" id="tipo" name="tipo[]" size="1" required>
        <option value="Indiferente">Indiferente</option>
        <?php
             if ($tiposImoveis == null) {
                 echo "<option value=''>Não há tipo cadastrado ainda!</option>";
             } else {
               foreach ($tiposImoveis as $tipoImovel) {

                   echo "<option value='".$tipoImovel->getIdTipos()."'>".$tipoImovel->getNome()."</option>";
               }
             }
           ?>
      </select>
    </div>

    <div class="camposBusca">
      <?php  $bairrosImoveis = $imoveisDao->pesquisaBairros("Muriaé"); ?>
      <select multiple="multiple" id="bairro" name="bairro[]" size="1" required>
        <option value="Indiferente">Indiferente</option>
        <?php
             if ($bairrosImoveis == null) {
                 echo "<option value=''>Não há tipo cadastrado ainda!</option>";
             } else {
               foreach ($bairrosImoveis as $bairrosImovel) {
                   echo "<option value='".$bairrosImovel."'>".$bairrosImovel."</option>";
               }
             }
           ?>
      </select>      
    </div>

    <div class="camposBusca">
      <input type="submit" class="btnPesquisa" value="Pesquisar"  />
    </div>

  </form>
  </div>

  <div style="height:15px;"></div>

  <div class="alternativaEscolha">
    <a href="buscaAvancada.php">
      <label class="labelGrande" style="background-color:#CCC; font-weight:bold; color:#000;">Busca Avançada</label>
    </a> 
  </div>

  <div class="alternativaEscolha"> 
    <!--abrir popUp--> 
        <label class="labelGrande" style="background-color:#CCC; font-weight:bold; color:#000">Busca por Código</label> 
  </div>

</div>

Which in firefox generates the following image:

In Chorme and IE appears correctly,

This select that goes wrong in firefox, has its stylized options also wrong.

Whereas in Chrome and IE this styling is correct:

How to solve this?