title: Border does not show up
body: <p>My border is not showing up around my image, I'm not quite sure what the issue could be. I just need a small black border around the photo. My website is <a href="http://www.welovetile.com" rel="noreferrer">http://www.welovetile.com</a>. I can't figure out what the problem could be. Thanks.  </p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#kitchen {
          height:250px;
          width:346px;
          background-image:url(images/kitchenbg.jpg);
      }
  
          #kitchen img
          {   
              top: 50%;
              left: 50%;
              width: 316px;
              height: 228px;
              margin-top:11px;
              margin-left:15px;
              border-color:#000000;
              border-width:thin;
          }
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="kitchen"&gt;
      &lt;img src="images/kitchen.jpg" alt="Kitchen Tile Job"/&gt;
  &lt;/div&gt;
  </code></pre>