Html select option ortalama sorunu | Cevap #13063

Merhabalar arkadaşlar. Select option ortalama sorunu var kodda. Chrome'da ortalanıyor ama firefox'da ortalanmıyor. Yardımcı olursanız sevinirim. Kodlar aşağıda.

<select name="kategori" id="sec" required>
    <option value="">
    Kategori Seçiniz
    </option>

    <option name="devamedenprojeekle" value="devamedenprojeekle" >
    Devam Eden Proje Ekle
    </option>

    <option name="bitirilenprojeekle" value="bitirilenprojeekle">
    Bitirilen Proje Ekle
    </option>
</select>

.bilgieklesayfasi-bilgikategorisi-sec {
        width:100%;
        height:40px;
        line-height:40px;
        font-size:20px;
        color:#000;
        text-align: center;
    }
    
    .bilgieklesayfasi-bilgikategorisi-div select {
        display:block;
        width:100%;
        height:40px;
        line-height:40px;
        font-size:17px;
        background-color: #fff;
        color:#000;
        text-align: center;
    }
    
    .bilgieklesayfasi-bilgikategorisi-div option {
        width: 100%;
        height:40px;
        color:#000;
        font-size:16px;
    }
    
    .bilgieklesayfasi-bilgikategorisi-div option:first-child {
        width:100%;
        height:40px;
        color:#000;
        font-size:16px;
        font-weight:bold;
    }