Problem with html and css

Hello guys, I have very annoying problem, how to fix that up? Here is my css code.

#top_line {
        height:40px;
	background-color:#000;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	margin-top:0px;
	
}

Code (markup):

WHAT i GOT IS THAT

How to fix that empty places where red marks shows, I want line above as google has which goes all along the site width.How to do that.

How to make that black line along whole page width.

as this google menu line.

 

You have to remove the padding and margin from the body via css, so here you go, paste this in your stylesheet.

body {
margin: 0;
padding: 0;
}

Code (markup):

 

Thank you very much

 

yeah, you always need to use a CSS Reset - as most browsers apply their own CSS rules unless you tell them not to!