html - unwanted margin with css -


i'm working on simple webpage , i'm little bit dusty could've made obvious mistake please stick me. i'm getting thin (maybe 5-10px) margin on sides of document. i'm including abbreviated version of code. can tell me why i'm getting , how rid of it.

html:

<body> <div id="wrap"> <div id="video"> </div> <div id="para"> <p>hello, i'm ...</p> </div> <div id="footer"> <ul id="social"> <li></li> <li></li> <li></li> <li></li> </ul> </div> </div> </body> 

css:

#wrap { background: url(andres/images/background-bg.png);  margin: 0 auto;  }  #para p { padding: 20px; }  #footer { background:url(andres/images/footer.png); height: 80px;}  #footer #social li { float: left; padding: 10px; list-style: none; } 

its default margin on <body> element - browsers include 8px on sides, add:

body { margin: 0; } 

Comments

Popular posts from this blog

android - getbluetoothservice() called with no bluetoothmanagercallback -

sql - ASP.NET SqlDataSource, like on SelectCommand -

ios - Undefined symbols for architecture armv7: "_OBJC_CLASS_$_SSZipArchive" -