1px gap after footer

1px gap after footer

Hello, i need a little help with footer.

here is my code for footer:

<div data-role="footer" data-position="fixed" data-theme="b">
<div class="footer">
<div class="seablue"></div>
<div class="red"></div>
<div class="gold"></div>
<div class="blue"></div>
</div>
</div>

And you can notice the 1px gap after:

How to get it out, tried to do this with footer:

margin-bottom: -1px

padding-bottom: -1px

but it seems it doesn't help,...