Fixed Table header Semantic

Fixed Table header Semantic problem

HTML

<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.4/semantic.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.4/semantic.css">
<h2>1. Strech result window to see all table datas in one row</h2> <h2><h2>2. Scroll down a bit and click on random table data</h2>
<h2 class="g">On chrome all table headers are set properly</h2>
<h2 class="h">On firefox all on top of another</h2>
<table class="ui cellled striped table" id="table">
    <thead>
        <tr>
            <td class="ui sticky">asdasd</td>
            <td class="ui sticky">asdasd</td>
            <td class="ui sticky">asddd</td>
            <td class="ui sticky">asdda</td>
            <td class="ui sticky">asdddd</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
        </tr>
        <tr>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
        </tr>
        <tr>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
        </tr>
        <tr>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
        </tr>
        <tr>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
        </tr>
        <tr>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
            <td>raaarararar</td>
           ...

CSS

.ui.table thead tr td, .h {
    color: red;
}
.g {
    color: green;
}

JavaScript

$('.ui.sticky').sticky();
$( '#table tbody tr td' ).click(function() {
  $( "#table .ui.sticky" ).sticky('refresh');
});