CSS - Remove border from linked image

[dday9]

I'm having a tough time removing the border from a linked image. My html looks like this:

<a href="home.html">
<img id="logo" src="Images/logo.bmp" alt="Dday9 Logo">

So far what I've tried is:

#logo img
{
	border: 0px;
	
}

but that doesn't seem to work.

[tr333]

Zero values in CSS don't require units, so you just want "border:0" instead of "border:0px". You are also missing the closing </a> tag after the <img />.

a img { border: 0; }

or alternatively if you want to be more specific to just this image:

a img#logo { border: 0; }

Some people say to clear the "outline" css property as well, but that's not advisable as it's used for accessibility reasons.

[dday9]

Thank you, that works perfectly. And also thank you for noticing that I'm missing my closing tag! But let me ask you a question, why do I have to declare a img before the #logo? For example, in my navigation bar, I just declare #navigation li:

#navigation li
{
    display: inline;
    margin: 0;
    list-style-type: none;
    border:2px gray;
    border-style: solid;
    padding-right:50px;
    padding-left:50px;
}
 
a img#logo { border: 0; }

Edit - And I love how the Syntax highlighter doesn't match with the highlight tags!

[tr333]

The element id's on each page should always be unique, so you're right in that it's not required.