css - Styling :after pseudoelement in Firefox -


i can't figue out way rid of :after alement on firefox. does't show in firebug @ all, , it's messed in firefox. probelm in question css arrow pointing downwards:

.arrow-box {     position: relative;     background: #000000; } .arrow-box:after {     top: 100%;     content: " ";     height: 0;     width: 0;     position: absolute;     pointer-events: none; }  .arrow-box:after {     border-color: rgba(0, 0, 0, 0);     border-top-color: #000000;     border-width: 10px;     left: 50%;     margin-left: -10px; } 

it works fine everywhere apart firefox. how can :after styled on firefox alone?

[edit]

       <ul>             <li >                 <a href="index.php">strona główna</a>             </li>             <li class="arrow-box">                 <a href="index.php?page=lista-instalacji">lista instalacji</a>             </li>             <li >                 <a href="index.php?page=raporty">raporty</a>             </li>             <li >                 <a href="index.php?page=faq">pytania odpowiedzi</a>             </li>             <li >                 <a href="index.php?page=wegiel-a-zdrowie">węgiel zdrowie</a>             </li>         </ul> 


Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -