Weird SASS problrm in production

I have noticed a weird problem with SASS on production server.

in my application css I have:

pre {
background-color: #eee;
padding: 10px;
font-size: 11px; }

div {
&.field, &.actions {
margin-bottom: 10px; } }

however firefox browser gets following CSS:

notice inserted a:hover that messes up my styling

pre {
background-color: #EEEEEE;
font-size: 11px;
padding: 10px;
a {
color: #000000;
a:visited {
color: #666666;
a:hover {
border-bottom: 1px solid #777777;
div.field, div.actions {
margin-bottom: 10px;

when I try to override a:hover with my CSS it works fine on development
machine but doesnt work on the production server.

How am I supposed to fix it?

got the answer on stack overflow: