<p>When I turn an image (<code>&lt;img&gt;</code>) into a hyperlink (by wrapping it in <code>&lt;a&gt;</code>), Firefox adds a black border around the image.  Safari does not display the same border. </p>

<p>What CSS declaration would be best to eliminate the border?</p>

[{'answer_id': 49975, 'author': 'George Mauer', 'author_id': 5056, 'author_profile': 'https://Stackoverflow.com/users/5056', 'pm_score': 2, 'selected': False, 'text': '<pre><code>a img {\n    border-width: 0;\n}\n</code></pre>\n'}, {'answer_id': 49977, 'author': 'pilif', 'author_id': 5083, 'author_profile': 'https://Stackoverflow.com/users/5083', 'pm_score': 6, 'selected': True, 'text': '<pre><code>img {\n    border: 0\n}\n</code></pre>\n\n<p>Or old-fashioned:</p>\n\n<pre><code>&lt;img border="0" src="..." /&gt;\n     ^^^^^^^^^^\n</code></pre>\n'}, {'answer_id': 49979, 'author': 'Kamil Zadora', 'author_id': 3515, 'author_profile': 'https://Stackoverflow.com/users/3515', 'pm_score': 3, 'selected': False, 'text': '<p>Just add:</p>\n\n<pre><code>border: 0;\n</code></pre>\n\n<p>or:</p>\n\n<pre><code>a img {\n  border: 0;\n}\n</code></pre>\n\n<p>to remove border from all image links.</p>\n\n<p>That should do the trick.</p>\n'}, {'answer_id': 49981, 'author': 'enigmatic', 'author_id': 443575, 'author_profile': 'https://Stackoverflow.com/users/443575', 'pm_score': 3, 'selected': False, 'text': '<p>in the code use border=0.  so for example:</p>\n\n<pre><code>&lt;img href="mypic.gif" border="0" /&gt;\n</code></pre>\n\n<p>within css</p>\n\n<pre><code>border : 0;\n</code></pre>\n\n<p>under whatever class your image is.</p>\n'}, {'answer_id': 18372971, 'author': 'Community', 'author_id': -1, 'author_profile': 'https://Stackoverflow.com/users/-1', 'pm_score': 1, 'selected': False, 'text': '<p>Try this:</p>\n\n<pre><code>img {\n  border-style: none;\n}\n</code></pre>\n'}]
['https://Stackoverflow.com/questions/49966', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/4540/']