title: Image is overlapping border, Not sure if i'm doing it correctly
body: <p>I just started doing HTML/CSS, So please correct me if i have made any huge mistakes in my code.</p>
  
  <p>The problem is as seen on this picture (Sorry about the some of the black boxes, that was just to hide some content, it's only the image at the top that is the problem)</p>
  
  <p><a href="http://i.imgur.com/XlaCi.png" rel="nofollow">http://i.imgur.com/XlaCi.png</a></p>
  
  <p>You can see that the picture is overlapping the border. So i'm wondering if there is any way to to fix that with CSS, or do i have to edit the picture so it fits with my border corners?</p>
  
  <p><a href="https://gist.github.com/4060292" rel="nofollow">Here is the code</a></p>
  
  <p>I have done some research throughout the internet, i might have an idea about it's something to do with my position absolute or/maybe relative? But i'm not sure at all, so i hope you guys can help me along</p>