Placer 2 DIV l'un à coté de l'autre

Bonjour à tous,

Voilà, je viens de me mettre au CSS et je commence un peu à désespérer vu les problèmes de rendu différent entre IE et Firefox. Voilà j'aimerais juste placer 2 div l'un à côté de l'autre, j'ai donc le code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<html>
 
<head>
 
	<style type="text/css">
        
                body {
                
                        font-family: verdana;
                        font-size: 10pt;
                }
        
                .main {
                
                        background-color: #575757;
                        color: white;
                        border: solid 1px black;
                        width: 300px;
                        height: 500px;
                        padding: 15px;
                                                float: left;
                }
        
                .main2 {
                
                        background-color: #575757;
                        color: white;
                        border: solid 1px black;
                        width: 300px;
                        height: 500px;
                        padding: 15px;
                }               
        
        </style>
 
</head>
 
<body>
 
	<div class="main">	
		Test1	
	</div>
 
	<div class="main2">
		Test2
	</div>
 
</body>
 
</html>

qui me donne exactement ce que je veux sous IE et pas sous Firefox. Alors vu qu'on m'a déjà dit que c'était IE qui avait tendance à mal interpréter les CSS, je suis un peu perdu... Quelqu'un pourrait me dire ce qui cloche et de quelle manière je devrais m'y prendre ???

Merci d'avance...