Getting started with Twitter Bootstrap, I ran into a strange problem of which I can't figure out the cause.
When I render an image using:
<img class="img-rounded" id="logo" />
and in CSS:
#logo {
background-image: url(/Content/Images/logo.png);
}
The image is shown with a narrow 'border':
Even though I can't find anything remotely related to this effect. The corners are open because of the img-rounded
class.
Rendering the image using:
<img class="img-rounded" id="logo" src="~/Content/Images/SO.png" />
Renders as expected:
How can I get rid of the border? CSS code I've tried without success:
border: none;
color: blue;
background-color: blue;
border-style: none;
border-style:none
?background-image
on an<img>
tag wasn't a great idea.