• Registered: 2008-04-07
  • Posts: 92

Topic: Firefox bug - a dot by an image

I'm flipping images to act as toggle

<script type="text/javascript">
function flip_image(fading, appearing) {
    fading.hide();
    appearing.show();
}
</script>

<div style="height: 100px">
  <% first_image  = image_tag('/icon/plus.gif', :style => 'border: none;', :id =>        'first_image') %>
  <% second_image = image_tag('/icon/minus.gif', :style => 'border: none; display: none', :id => 'second_image') %>
   
  <%= link_to_function first_image,  "flip_image($('first_image'), $('second_image'))" %>
  <%= link_to_function second_image, "flip_image($('second_image'), $('first_image'))" %>
</div>

After a click the image, there remain a strange black dot at the bottom right corner of the image. Neither IE nor Chrome has that problem. Is it a bug in Firefox or there's a style to get that fixed?

  • Registered: 2009-06-12
  • Posts: 106

Re: Firefox bug - a dot by an image

Try this:  

a:focus, a:hover, a:active { outline:none }

That fixed it for me.  smile