I need CSS help (50 credits)

[galaxyAbstractor]

http://jagf.net/rpg/rpg.html

how do I get "ttt", "fff" and "sss" on the same line? they are separate div's. I tried margin-top and margin-bottom in the CSS but it seems it isn't supported by any other browsers than firefox 2 since "ttt" and "fff" is disappearing when I use margin-top and margin-bottom.

I give 50 credits to the 1 who can find out how to fix it.

[konekt]

Here is your new css file:

@charset "utf-8";
/* CSS Document */

html body {
background-color: #000000;
color: #ff0000;
}

#whole {
margin-bottom: -10%;
margin-top: 10%;
}
#top {
background-image: url(images/top.png);
background-repeat: no-repeat;
height: 20px;
background-position: center;
}

#content {
background-image: url(images/back.png);
background-repeat: repeat-y;
background-position: center;
}

#content2 {
position:relative;
bottom:15px;
}

#contentheader {
}

#nav {
margin-left: -30%;
}

#sponsor {
margin-right: -30%;
position:relative;
bottom:33px; 
}

#bottom {
background-image: url(images/bottom.png);
background-repeat: no-repeat;
background-position: center;
height: 24px;
}

Here is how it looks for me (I'll be taking this off my site in a few hours, so if it doesn't link, that is why):

http://konekt.x10hosting.com/mess.html

P.S.

I tested the code in Firefox and Safari. I do not have IE on the school computers.

[galaxyAbstractor]

payed.

Thanks, it works now