Hi,

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"/>

</head>

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

</body>
</html>
-------------------------------------------------------------------------------

CSS code for 6.css is:
-------------------------------------------------------------------------------
body {
}

#first_logo_container {
float:left;
background-color:red;
margin: 0px;
padding: 0px;
outline: none;
border: 0px;
}
--------------------------------------------------------------------------------