Help with structure a site with css and divs

1

Hello, i have been building sites for about 3 years and i allways use tables, now i’d like to start trying css and divs but i don’t know how to align the divs, give space between them and that stuff.
The code i have to far works ok with firefox but on IE6 it looks completly diferent. Is this a problem with ie6 or a problem with my code? Because if the problem is with imcompatibity with ie6 i guess i’ll have to keep using tables for a bit longer…

Anyways to my problem.
I want this:

and my code now is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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=iso-8859-1" />
<title>Clube Amigos do 600/500 de Portugal</title>
<link href="css/600.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="main">
  <div id="right"><img src="img/top_right.jpg" alt="" width="210" height="410" /></div>
  <div id="top"><img src="img/topo.gif" alt="top" name="top" width="740" height="110" id="top" />
      <div id="logo"><img src="img/logo_club.png" width="188" height="192" /></div>
  </div>
  <div id="bottom">bottom</div>
  
</div>
</body>
</html>

my 600.css file is:

body {
    background-color: #FFFFFF;
    background-image: url(../img/background.gif);
    text-align: center;
}
#logo{
    height: 192px;
    width: 188px;
    z-index: 2;
    position: relative;
    top: -96px;
    left: 500px;
}
#main{
    background-color:#FFFFFF;
    width: 955px;
    padding: 5px;
    margin: 0 auto;
    text-align: left;
    z-index: -1;
}
#top{
    background-color:#666666;
    height: 110px;
    width: 740px;
    z-index: 0;
    position: relative;
}
#right{
    background-color:#3333FF;
    height: 410px;
    width: 210px;
    float: right;
}
#bottom{
    background-color:#00CCFF;
    height: 300px;
    width: 740px;
    overflow: auto;
}

what i’m doing wrong? i guess it has something to do with how i place divs inside divs, but i’m not sure.

Anyone to help me? :rolleyes:

Thanks in advance :thumbsup: