2 Website Problems

http://nintendoisland.com/seeknotes/

Notice how the whole section is all to the left? I want this whole thing centered (not the text) I tried putting the whole thing in a div-container with a width of 775px and then setting margin-left and margin-right to auto but it didn't do anything.

The second problem is that the three section are all separated by a small white space of line. For some reason this looks fine to me in IE but both FireFox and Chrome have the space in between. I tried setting the padding to 0 in the top and bottom part of the respective header and body section but still doesn't work.

If you could help me with either of these problems I would greatly appreciate it.

 

1) to center the content

#main-container {
margin:0 auto;
width:775px;
}

Code (markup):

2)2nd problem caused due to default margin of html elements
put this "Reset default browser CSS" in your css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

Code (markup):

 

Thanks so much! I appreciate it

 

Fixed the other problem on my own, wasn't that though, but thanks for helping

 

hey dude iam also thanks to you

 

I found the solution from here, thanks for the helpful post