How remove border around image in css?

Question

I try to display a span when the cursor of the mouse is on a help icon.

It works, but nevertheless, I don't manage to remove the border around the icon.

My CSS :

.info{     position:absolute;     border:none; }  a.info{     position:absolute;      z-index:24;      background:none;     color:#000;     text-decoration:none }  a.info:hover{     z-index:25;      background-color:#FFF;     cursor:help; }  a.info span{     display: none }  a.info:hover span{      display:block;      position:absolute;     cursor:help;     bottom:0px;      left:26px;      width:150px;     padding:4px; } 

cd

Answer 1

Another thing - remember that if you have an with an empty src attribute, then none of these suggestions will work, a border will still get shown.

<img src="" style="width:30px;height:30px;">