help me PLEASE Options

[xeme4]

okay so i wanted to make this layout but it comes out soooo werid on my xanga WHAT IS WRONG WITH IT. heres the site

<!-- begin code provided by createblog.com --><br /><STYLE type="text/css"><br />/* What we once called love has now become lust;You say we weren't anything & all this was just a phase*/<br />body {<br /> background-color:00ccff;<br />background-image:url(http://img.photobucket.com/albums/v469/xeme4/untitled125.bmp);<br />background-attachment:fixed;<br />background-position:right;<br />background-repeat:all-directions;<br /> scrollbar-arrow-color:#00ccff;<br /> scrollbar-track-color:00ccff;<br /> scrollbar-shadow-color:#00CCFF;<br /> scrollbar-face-color: 00ccff;<br /> scrollbar-highlight-color:ffff99;<br /> scrollbar-darkshadow-color:ffff99;<br /> scrollbar-3dlight-color:00ccff; <br /> }<br /><br />.left, .blogbody, table.footer, .standard, td, p {<br />/* edits main text */<br /> font:normal 11px arial;<br /> line-height:10px;<br /> color:white;<br /> letter-spacing:0px;<br /> text-align:left;<br /> }<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br /> font-weight: bold;<br /> font-size: 11px;<br /> font-family: arial;<br /> color:#660066;<br /> }<br /><br />.blogbody u, .standard u, p u, u {<br />/*edits underlined text in your entry */<br /> font-weight: underline;<br /> font-size: 11px;<br /> font-family: arial;<br /> color: black;<br /> border-bottom:2px solid #ffff99;<br /> }<br /><br />.blogbody i, .standard i, p i, em {<br />/*edits italic text in your entry */<br /> font-weight: italic;<br /> font-size: 11px;<br /> font-family: arial;<br /> color:ffff99;<br /> }<br /><br />.left b {<br />font-weight: bold;<br />color:#660066;<br />}<br /><br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br /> text-align: center;<br /> }<br />div.blogheader, .caption {<br />/* edits the dates */<br /> font-family: terminal;<br /> text-transform: lowercase;<br /> background-color: transparent;<br /> background-image: url();<br /> font-size:12px;<br /> font-weight:none;<br /> line-height: 10px;<br /> letter-spacing: 2px; <br /> color:black;<br /> text-align:left;<br /> padding:3px; <br /> width: 320px;<br /> border:dashed;<br /> border-color:ffff99;<br /> }<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br /> color: white;<br /> font:normal 11px terminal;<br /> line-height:10px;<br /> text-transform: uppercase;<br /> text-spacing:0px;<br /> }<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br /> color:ffff99;<br /> font:normal 11px terminal;<br /> line-height:10px;<br /> text-transform: uppercase;<br /> text-spacing:0px;<br /> }<br />a:hover {<br />/* edits when user mouseovers the links */<br /> font: 10px terminal;<br /> line-height:10px;<br /> text-decoration: none;<br /> text-spacing:-4px;<br /> cursor: nw-resize;<br /> color:ffff99;<br /> background-color:00ccff;<br /> border:1px solid 660066;<br /> }<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br /> border: 2px solid white;<br /> font: normal 11px terminal;<br /> background-color: black;<br /> letter-spacing:0px;<br /> color: 00ccff;<br /> }<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br /> border: 1px solid 660066;<br /> width: 320px; <br /> background-color:00ccff;<br /> }<br />table.left { <br />/* this edits the menu module */<br /> border: 1px solid 660066;<br /> width: 170px;<br /> background-color: ffff99;<br /> text-align:center;<br /> }<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br /> background-image: url();<br /> background-color: transparent;<br /> font:bold 11px terminal;<br /> text-transform: lowercase;<br /> text-align: right;<br /> color: 00ccff;<br /> border: none;<br /> border-color: #00CCFF;<br /> letter-spacing: 1px;<br /> }<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br /> font:11px arial;<br /> color: white;<br /> text-align: center;<br /> LINE-HEIGHT:10PX;<br /> border-top: 0px;<br /> width: 170px;<br /> background-color: 00ccff;<br /> }<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br /> background-color: transparent;<br /> border: 1px solid ffff99;<br /> }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br /> border: 0px solid white;<br />}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />  width: 680px;<br /> }<br />hr {<br />/* horizontal divider */<br /> border: 1px dashed 660066;<br /> }<br /></style><br /><br /><!-- end code provided by createblog.com -->

[talcumpowder]

.... What does it look like on your site? What's it supposed to look like? exactly like the preview?

[xeme4]

for one i dont' want the HUGE boxes there and the site is

[xeme4]

http://www.xanga.com/test10002 theres the site.. click it you'll see whats wrong

[talcumpowder]

Don't double post. Just edit.
And now I see... I'm using Firefox and it look fine. It just screw up in IE....

CODE

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 680px;}

Try making that smaller.... It seems to be what's screwing it up.