DH Templates - help me with this code on blogger?

help me with this code on blogger?

everytime i copy it to the edit template and preview.. it says.. "We were unable to preview your template Please correct the error below, and submit your template again. Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The content of elements must consist of well-formed character data or markup" what should i do??!! please help!!! i just want to edit my blog ^_^ this is the code btw.. <html> <head> <title>This Other Eden</title> <style type="text/css"> body { background-image: url(http://cbimg6.com/layouts/08/08/30770aa.gif); overflow-x: hidden; margin: 0px; padding: 0px; background-position: top left; font-family: arial; font-size: 0.71em; color: #A5C733; scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #A5C733; scrollbar-track-color: #A5C733; scrollbar-darkshadow-color: #000000; } #image { position: relative; top: 0px; left: 0px; width: 800px; height: 600px; background-image: url('http://cbimg6.com/layouts/08/08/30770ab.gif'); background-repeat: no-repeat; } #posts { position: absolute; top: 275px; left: 95px; width: 365px; padding: 3px; } #nav { position: absolute; top: 400px; left: 500px; padding: 10px; width: 150px; text-align: right; } #nav ul { margin: 3px 0px 0px 0px; padding: 0px; list-style-type: none; } #nav ul li { margin: 3px; } #nav p { margin: 3px 0px 0px 0px; } #nav ul a { color: #A5C733; font-weight: bold; font-size: 1em; padding-right: 20px; background-image: url(http://cbimg6.com/layouts/08/08/30770ac.gif); background-repeat: no-repeat; background-position: right top; text-decoration: none; } #nav ul a:hover { color: #A5C733; background-image: url(http://cbimg6.com/layouts/08/08/30770ad.gif); background-repeat: no-repeat; background-position: right top; } a { color: #A5C733; font-weight: bold; font-size: 1em; text-decoration: none; } a:hover { color: #FFFFFF; } strong, em, i, b { color: #FFFFFF; } u { text-decoration: none; color: #FFFFFF; border-bottom: 1px solid #A5C733; } blockquote { color: #000000; background-color: #A5C733; border: 1px solid #000000; padding: 3px; } h1 { color: #FFFFFF; font-family: arial; font-weight: bold; text-transform: lowercase; font-size: 20pt; line-height: 20px; text-align: left; letter-spacing: -2pt; } h2 { color: #A5C733; font-family: arial; font-weight: bold; text-transform: lowercase; font-size: 15pt; line-height: 15px; text-align: left; letter-spacing: -2pt; margin-top: -20px; } h3 { color: #FFFFFF; font-family: arial; font-weight: bold; text-transform: lowercase; font-size: 15pt; line-height: 15px; letter-spacing: -2pt; } </style> </head> <html> <div id="image"></div> <div id="posts"> <MTEntries lastn="7"> <h1><MTDateHeader><$MTEntryDate format="%B %e, %Y"$></MTDateHeader></h1> <h2><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></h2> <$MTEntryBody$> <h3>Posted by <$MTEntryAuthor$> at <BlogItemDateTime><$MTEntryDate format="%I:%M:%S %p"$></BlogItemDateTime></h3> </MTEntries> </div> <div id="nav"> <h3>Navigations</h3> <ul> <li><a href="http://www.friendster.com/thottzkie">friendster</a></li> </ul> <h3>Archives</h3> <ul> <BloggerArchives> <li><a class="menu" href="<$BlogArchiveURL$>"><$MTArchiveTitle$></a></li> </BloggerArchives> </ul> <h3>Credits</h3> Layout By Molecular Studios </ul> </div> </html>

Public Comments

Replace that second <html> with <body> and insert a </body> above the </html>
take out this line <html> ....it is the one about 25 lines from the end.