I've been trying to get a Tumblr icon to display in the upper-right corner of my HTML-based page, but all I see when I open it in a browser is a white box with a gray outline. The code I'm using for the image is:
<img style="float: right; margin-left: 10px; margin-bottom: 5px;" scr="tumblr.png" height="30px" width="30px">It's not an issue with the image file itself since it displays fine on another page of my site. Here's some relevant CSS from my stylesheet:
#header {
font-family: Raleway, sans-serif;
background-color:#FFF;
color: #000;
position:fixed;
top:0%;
width:70%;
left:12%;
height:17%;
padding-left:3%;
padding-right:3%;
padding-top:2%;
padding-bottom:1%;
}
#header_right {
font-family: Raleway, sans-serif;
text-align: right;
float:right;
vertical-align:middle;
margin:0;
}
Any suggestions on what might be causing the image not to display correctly?