IE alignment issues, and some other minor things. Options

[venti-anemoi]

I'm not sure if this is the right forum to post this, so please tell me if it isn't.

So I made myself a new layout, and it looks fine in FF, but when I look at it in IE, the right-hand column is pushed down. It doesn't start till after the main body. I tried using this but it doesn't seem to work.

So, I was wondering: does anyone know a way to change it without messing it up in FF? Any and all help would be greatly appreciated

Also, I can't seem to find the div class that allows me to change the font size and color of the line in the comments that says "By [username] on [date] [time] [history]."

And if anyone knows the script to change the page title, I'll love you forever. :D The one I normally use for xanga doesn't seem to work.

Click to see the layout.

Here's my code:

CODE

<style type="text/css">
/* ENDLESS STORY */
/* dreamstar7 */
#logo, #nav, #login, #header, #footer
{display: none !important;}

td, tr, table, li, .standardbox, .profile
{border: 0px !important;
background: none !important;}

body
{padding: 0;
margin: 0;
align: center;
background-color: #000000;
cursor: default;

scrollbar-arrow-color: #EDD5D7;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #DBA3AB;
scrollbar-face-color: #B04151;
scrollbar-highlight-color: #DBA3AB;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;}

body, table, td, li, p, div
{font-family: arial;
font-size: 9pt;
color: #AB5963;
line-height: 12pt;
text-align: justify;}

b, strong
{font-weight: bold;
color: #DBA3AB;}

i, em
{font-weight: italic;
color: #DBA3AB;}

u
{text-decoration: underline;
color: #DBA3AB;
border-bottom: 1px solid #B04151;}

textarea, input, select, .button
{font: trebuchet ms !important;
color: #DBA3AB !important;
background-color: #50080C;
border: 1px solid #DBA3AB;}

.smaller, .grey
{background-color: transparent;
font: normal 7.5pt arial arial;
font-color: #B04151;
line-height: 10pt;
text-align: justify;
border: none;}

.smaller a:link, .smaller a:visited, .grey a:link, .grey a:visited
{font: normal 7.5pt arial;
color: #DBA3AB;
line-height: 10pt;
text-transform: none;
text-decoration: none;
cursor: default;}

.smaller a:hover, .smaller a:active, .grey a:hover, .grey a:active
{color: #EDD5D7;
text-decoration: none;
cursor: default;}

.outerbox, .innerbox, .linkbox, .alertbox, .comment_body
{background-color: transparent;
font-family: arial;
font-color: #AB5963;
font-size: 9pt;
line-height: 12pt;
text-align: justify;
border: none;}

h1, h2, h3
{background-color: transparent;
font: normal 20pt georgia;
color: #DBA3AB;
letter-spacing: 2px;
padding-left: 5px;
text-transform: lowercase;
line-height: 25pt;
text-align: left;
border-bottom: 1px solid #390B0C;
margin-bottom: 5px;}

.hr
{border-bottom: 1px solid #390B0C;}

a:link, a:visited, .alertbox a:link, .alertbox a:visited, .linkbox a:link, .linkbox a:visited, .go a:link, .go a:visited
{font: normal 9pt arial;
color: #DBA3AB;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:hover, a:active, .alertbox a:hover, .alertbox a:active, .linkbox a:active, .linkbox a:hover, .go a:hover, .go a:active
{color: #EDD5D7;
text-decoration: none;
cursor: default;}

.standardbox, .profile
{background-color: transparent;}

.alertbox, .col4 outerbox, #stats, #skills, #submissions, #favorites
{background-color: transparent;
font-family: arial;
font-color: #AB5963;
font-size: 9pt;
line-height: 12pt;
text-align: left;
border: none;}

#contactme td, #skills .innerbox
{text-align: left;}

.col3
{width: 520px;
float: left;}

.col4
{width: 170px;
_margin-top: -800px;}

div#main
{width: 700px;
background: url(http://img176.imageshack.us/img176/7874/endlessstory05ox3.jpg) no-repeat top center;
margin-left: 25px;
padding-top: 20px;}

div#container
{width: 700px;
padding: 0px;
margin-top: -40px;}
</style>

<img src="http://img102.imageshack.us/img102/7886/endlessstory01jx6.jpg" border="0">
<img src="http://img145.imageshack.us/img145/6987/endlessstory02yz2.jpg" border="0">
<img src="http://img102.imageshack.us/img102/8420/endlessstory03gv4.jpg" border="0">
<img src="http://img145.imageshack.us/img145/4656/endlessstory04sr2.jpg" border="0">

<div id="main">

Thank you thank you thank you!

[venti-anemoi]

^Oh, okay. Thanks! That helps a lot. :]

Anyone know how to do margins w/o affecting FF?

[heyo-captain-jac...]

^Oh, okay. Thanks! That helps a lot. :]

Anyone know how to do margins w/o affecting FF?

CODE

_margin-left: XXXpx;

[venti-anemoi]

CODE

_margin-left: XXXpx;

I tried that, but it doesn't work.

//edit.

Okay, so....... I switched the order of some things in the around, and now the alertbox stuff ends up in the right place, but the text is weird. And the rest of the right-hand modules are now directly under the main content.

o_O