http://img684.imageshack.us/img684/5449/picture1w.png
Please have a look at the above screen shot, I would want to center an image with black background, but i'm getting some white space at the bottom. Please could any one help me to fix this.
CSS
.bgimg {
background: url('../images/GBS-Chronicle-Background-1.png') black no-repeat center;
}
div#cont {
height: 672px;
}
HTML
<body class="bgimg">
<div id="doc2">
<div id="hd"></div>
<div id="bd">
<div id="cont">
<div class="middle">
<p> hi hello </p>
</div>
</div>
</div>
<div id="fd"></div>
</div>