CSS background moves down

So, I'm working on my school website in my Web development background, and everything seems fine. I have enctountered a problem, I have a divider with a table which is our navigation bar and below the content of the site. When design/code view, it seems, as shown in Figure 1

then when it is presented in preview in any browser or in live mode view, he moves down like 10ish pixels... There is no margin on any of the div either.

and here's the code for you to watch.

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

" < html xmlns =" http://www.w3.org/1999/xhtml ">

< head >

< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

< title > Belmont High School - homepage < /title >

< style type = "text/css" >

<!--

{body

fonts: 100% Verdana, Arial, Helvetica, without serif.

background: #666666;

margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.

padding: 0;

text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.

color: #000000;

}

.oneColFixCtr #container #content #center {}

float: left;

height: 520px;

width: 400 PX;

are-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

text-align: center;

background-image: url(images/center.png);

background-repeat: no-repeat;

background-position: top center;

}

.oneColFixCtr #container #content #right ul {}

are-family: Georgia, "Times New Roman", Times, serif;

are-size: 11px;

}

.oneColFixCtr #container #content #right {}

float: right;

height: 520px;

width: 200px;

are-family: Tahoma, Geneva, without serif.

background-repeat: no-repeat;

background-position: top center;

background-image: url (file:///U|/Fall-Spring2010_11/Web%20Design/BHS%20website%202011-2012/Homepage-%20Bing % 20and%20Ryan/images/right.png);

padding: 0px;

margin: 0px;

}

.oneColFixCtr #container #content .the {}

float: left;

height: 520px;

width: 200px;

are-family: Tahoma, Geneva, without serif.

are-size: 16px;

background-repeat: no-repeat;

background-position: top center;

text-align: left;

background-image: url (file:///U|/Fall-Spring2010_11/Web%20Design/BHS%20website%202011-2012/Homepage-%20Bing % 20and%20Ryan/images/left.png);

}

.oneColFixCtr #container {}

width: 800px; / * margins (in conjunction with a width) auto Center the page * /.

border: 1px solid #000000;

text-align: left; / * This setting overrides the text-align: center on the body element. */

height: 1020px;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin left: auto;

background-color: #830A 16;

}

.oneColFixCtr #container #bubble {}

height: 300px;

background-repeat: no-repeat;

background-position: left top;

text-align: center;

are-family: "Times New Roman", Times, serif;

padding: 0px;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: 0;

border-right-style: 0;

border-bottom-style: 0;

border-left-style: 0;

-font size: 17px;

make-style: normal;

background-image: url(images/bubble.png);

top of the margin: 5px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

}

.oneColFixCtr #navigation {}

height: 30px;

}

.oneColFixCtr #container #content {}

height: 820px;

width: 800px;

}

< / style >

"< script src="/Scripts/swfobject_modified.js "type =" text/javascript"> < / script >

< script type = "text/javascript" >

<!--

function MM_preloadImages() {//v3.0

var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

}

function MM_findObj (n, d) {//v4.01

var p, i, x; if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}

d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}

If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];

for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);

If (! x & & d.getElementById) x = d.getElementById (n); Return x;

}

function MM_nbGroup (event, grpName) {//v6.0

var i, img, nbArr, args is MM_nbGroup.arguments;

If (event == "init" & & args.length > 2) {}

If ((img = MM_findObj(args[2]))! = null & &! img.) MM_init) {}

IMG. MM_init = true; IMG. MM_up = args [3]; IMG. MM_dn = img.src;

If ((nbArr = document[grpName]) == null) nbArr = document [grpName] = new Array();

[nbArr.length] nbArr = img;

for (I = 4; I < args.length - 1; i += 2) if ((img = MM_findObj (args [i]))! = null) {}

If (! img.) IMG MM_up). MM_up = img.src;

IMG.src = img. MM_dn = args [i + 1];

[nbArr.length] nbArr = img;

} }

} Else if (event == "over") {}

document. MM_nbOver is nbArr = new Array();.

for (i = 1; I < args.length - 1; i += 3) if ((img = MM_findObj (args [i]))! = null) {}

If (! img.) IMG MM_up). MM_up = img.src;

IMG. SRC = (img. MM_dn & & args [i + 2])? args [i + 2]: ((args[i+1])? args [i + 1]: img.) MM_up);

[nbArr.length] nbArr = img;

}

} Else if (event == 'out') {}

for (i = 0; i < document.) MM_nbOver.length; i++) {

IMG = document. MM_nbOver [i]; IMG. SRC = (img. MM_dn)? IMG. MM_dn: img. MM_up; }

} Else if (event == 'down') {}

nbArr = document [grpName];

If (nbArr)

for (i = 0; i < nbArr.length; i ++) {img = nbArr [i]; img.src = img. MM_up; IMG. MM_dn = 0; }

document [grpName] is nbArr = new Array();.

for (i = 2; I < args.length - 1; i += 2) if ((img = MM_findObj (args [i]))! = null) {}

If (! img.) IMG MM_up). MM_up = img.src;

IMG.src = img. MM_dn = (args [i + 1])? args [i + 1]: img. MM_up;

[nbArr.length] nbArr = img;

} }

}

< /script >

< / head >

< body class = "oneColFixCtr" onload = "MM_preloadImages (' queue: / / / U |)" / fall-Spring2010_11/Web Design / BHS website 2011-2012/page home-Bing and Ryan/images/Home_DOWN.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/page home-Bing and Ryan/images/home_OVER.png','file:///U|/Fall-Spring2010_11/Web Design/BHS 2011-2012/page home-Bing and Ryan/images/aboutus_DOWN.png','file:///U|/Fall-Spring2010_11/Web Design/BHS Web site site Web-2011-2012 / Bing home page and Ryan/images/aboutus_OVER.png' , 'file:///U|/Fall-Spring2010_11/Web design/BHS website 2011-2012/page home-Bing and Ryan/images/departments_DOWN.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/page home-Bing and Ryan/images/departments_OVER.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/page home-Bing and Ryan/images/sports_DOWN.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/page home-Bing and Ryan/images/sports_OVER.png' ' file:///U|/Fall-Spring2010_11/Web design/BHS website 2011-2012/page home-Bing and Ryan/images/guidance_DOWN.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/page home-Bing and Ryan/images/guidance_OVER.png') ">"

< div id = "container" >

< div class = "header" id = "header" >

< object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width = "800" height = "148" id = "bhs_header" title = "Belmont High School slide show" > "

< param name = "movie" value = "movie/header_slideshow.swf" / > "

< param name = "quality" value = "high" / >

< param name = "wmode" value = "opaque" / >

< param name = "swfversion' value ="6.0.65.0"/ >

<!-this param tag prompts users with Flash Player 6.0 r65 or later to download the latest version of Flash Player. Delete it if you do not want users to display the prompt. ->

"< param name ="expressinstall"value="/Scripts/expressInstall.swf "/ >

<!-next object tag is for non - IE browsers. Then he hide from IE using IECC. ->

<!-[if! IE] >->

< object type = "application/x-shockwave-flash" data = "movie/header_slideshow.swf" width = "800" height = "148" > "

<!-<! [endif]-->

< param name = "quality" value = "high" / >

< param name = "wmode" value = "opaque" / >

< param name = "swfversion' value ="6.0.65.0"/ >

"< param name ="expressinstall"value="/Scripts/expressInstall.swf "/ >

<!-the browser displays the following alternative content for users of Flash Player 6.0 and higher. ->

< div >

< h4 > the content of this page requires a newer version of Adobe Flash Player. < / h4 >

" < p > < a href =" http://www.Adobe.com/go/getflashplayer_fr "> < img src = ' http://www.Adobe.com/images/shared/download_buttons/get_flash_player.gif "alt = 'Get Adobe Flash player' width = '112' height ="33"/ > < /a > < /p > "

< / div >

<!-[if! IE] >->

< / object >

<!-<! [endif]-->

< / object >

< / div >

<! - endheadercontainer - >

< div id = "navigation" >

< table border = "0" cellpadding = "0" cellspacing = "0" >

< b >

< td > < a href = "index.html" target = "_top" onclick ="MM_nbGroup ("down"," group1', ' home ',' file: / / / U | ") (/ automne-Spring2010_11/Web Design/BHS site Web 2011-2012/Homepage/images/Home_DOWN.png',1)' onmouseover = "MM_nbGroup ('more', 'Home',' queue: / / / U | / fall-Spring2010_11/Web Design / BHS site 2011-2012/Homepage/images/home_OVER.png',", 1) "onmouseout ="MM_nbGroup ('out')"> < img src =" images/home_UP.png "alt = name of home' = 'home' width = '80' height ="30"border ="0"id ="home"onload =" "/ > < /a > < table >"

< td > < a href = "index_aboutus.html" target = "_top" onclick ="MM_nbGroup ("down","Group 1", record of" aboutus,': / / / U | ") (/ automne-Spring2010_11/Web Design/BHS site Web 2011-2012/Homepage/images/aboutus_UP.png',1) "onmouseover =" MM_nbGroup ("over", record of "aboutus,': / / / U |") " (/ automne-Spring2010_11/Web Design/BHS site 2011-2012/Homepage/images/aboutus_OVER.png', '', 1)' onmouseout = "MM_nbGroup ('out')" > < img src = "images/aboutus_DOWN.png" alt = "About Us" name = "aboutus" width = "80" height = "30" border = "0" id = "aboutus" onload ="" / > < /a > < table >

< td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ("down", "group1,' file of the 'departments',: / / / U |") (/ automne-Spring2010_11/Web Design/BHS site Web 2011-2012/Homepage/images/departments_DOWN.png',1) "onmouseover =" MM_nbGroup ('more', file a "departments,': / / / U |") " (/ automne-Spring2010_11/Web Design/BHS site 2011-2012/Homepage/images/departments_OVER.png', '', 1)' onmouseout = "MM_nbGroup ('out')" > < img src = "images/departments_UP.png" alt = "departments" is "departments" width = "80" height = "30" border = "0" id = "departments" onload is"" / > < /a > < table >

< td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ("down", "group1 ', 'sports',' queue: / / / U |") (/ automne-Spring2010_11/Web Design/BHS site Web 2011-2012/Homepage/images/sports_DOWN.png',1)' onmouseover = "MM_nbGroup ("over", 'sports' file,': / / / U | / fall-Spring2010_11/Web Design / BHS site 2011-2012/Homepage/images/sports_OVER.png',", 1) "onmouseout ="MM_nbGroup ('out')"> < img src =" images/sports_UP.png "alt ="Sports"name = 'sports' width = '80' height ="30"border ="0"id ="sportsmen"onload =" "/ > < /a > < table >"

< td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ("down", "group1,' file 'resources,': / / / U |") (/ automne-Spring2010_11/Web Design/BHS site Web 2011-2012/Homepage/images/resources_DOWN.png',1) "onmouseover =" MM_nbGroup ("over", file of "resources,': / / / U |") " (/ automne-Spring2010_11/Web Design/BHS site 2011-2012/Homepage/images/resources_OVER.png', '', 1)' onmouseout = "MM_nbGroup ('out')" > < img src = "images/resources_UP.png' alt = 'Resources' name is 'resources' width = '80' height ="30"border ="0"id = 'resources' onload is" "/ > < /a > < table >

"< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down","Group 1", 'orientation',' file: / / / U | / fall-Spring2010_11/Web Design / BHS website 2011-2012/Homepage/images/guidance_DOWN.png',1)" onmouseover = "MM_nbGroup ('over ', 'direction',' file: / / / U |)" (/ automne-Spring2010_11/Web Design/BHS site 2011-2012/Homepage/images/guidance_OVER.png', '', 1)' onmouseout = "MM_nbGroup ('out')" > < img src = "images/guidance_UP.png" alt = name of the "Orientation" = "guidance" width = "80" height = "30" border = "0" id = onload "guidance" ="" / > < /a > < table >

< /tr >

< /table >

< / div >

<!-end #navigationcontainer->

< div class = 'bubble' id = 'bubble' >

< /P > < p > Mission statement

< i > < p > < font size = "3" > the mission of Belmont high school is to develop the contribution

< br > members of society who are communicators and life long learners. < here > < / police > < /p > < / i >

< p > < /p > statement of intent

< i >

< p > < font size = "3" > Belmont high school established a learning environment that promotes intellectual and creative growth and social, emotional and physical development. Professional staff, with the support of the inhabitants of the Shaker regional School District, acknowledges and accepts the responsibility to promote academic excellence in all areas of the curriculum and develop young adults who have the skills, knowledge, and social responsibility. High school Belmont realizes that learning is continuous and that our objectives include today and opportunities for learning. < / police > < / p >

" < p > < a href ="http://www.maps.google.com"target ="_blank"> Directions < /a > "

< /p >

< /i > < / div >

<!-end #bubble->

< div class = "content" id 'content' = >

< div class = "left" >

< table width = "200" height = "421" border = "0" >

< b >

< td width = "65" height = "21" align = "right" scope = "col" > < table > Quick

< td width = "125" scope = "col" > < table > links

< /tr >

< b >