How to solve stylus error in Select Option options that appears with error in Firefox

In Firefox version 48.0, it is giving error in the stylization in the options of the Select Option.

Follow 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>

That in firefox it generates the following image:

InChormeandIEappearscorrectly,

Thisselectthatgoeswronginfirefox,hasitsstylizedoptionsalsowrong.

WhileinChromeandIEthisstylingcomesinhandy:

How to solve this?