hyperlinks do not work in firefox but they work on chrome?

hyperlinks do not work in firefox but they work on chrome?

the hyperlinks in my page do not work on Firefox but they do work on chrome!
I have searched google and closest I could find to my problem was someone
that added some css values to his tables but I do not have any css for my
tables!
when i click on the buttons/hyperlinks on the page, nothing happens and it
seems that the page expands as the scroll bar gets smaller!
I have removed the tables to see if this issue was created by the tables
but it happened even without the tables on the page!
here is the link jsfiddle: http://jsfiddle.net/crf121359/RZhwK/
and here is a small portion of the code for the buttons (black band at the
top) which i suspect to be the cause of the issue but I could be totally
wrong.
HOME
<div id="btns2" style=
" border-right:dashed 1px #fff; width:150px; height:42px;
vertical-align:middle; text-align:center; position:absolute; float:left;
margin-left:174px;">
<span style="position:relative; top:10px; float:left; left:35px;"><a href=
"blog.php">BLOG</a></span>
</div>
<div id="btns2" style=
" border-right:dashed 1px #fff; width:220px; height:42px;
vertical-align:middle; text-align:center; position:absolute; float:left;
margin-left:348px;">
<span style="position:relative; top:10px; float:left; left:24px;"><a href=
"time-difference.php">TIME DIFFERENCE</a></span>
</div>
any help would be great.