I am trying to get rid of white space around an image using DIV..read through umpteen posts and tried all sorts - it simply does not work whatever I try..the red border still appears at the bottom of the image.

Any help would be greatfully received.

HTML Code is:
<!DOCTYPE html>
<html lang="en">
<head><title>Title</title><meta charset="utf-8"/>

<link rel="stylesheet" href="css/6.css" type="text/css" media="screen"/>


<div id="first_logo_container"><img src="images/Klogo1.jpg" /></div>


CSS code for 6.css is:
body {

#first_logo_container {
margin: 0px;
padding: 0px;
outline: none;
border: 0px;