PB Width de Div Flotante

Bonjour

je dois faire le redesign de la page suivante en full css ou du moins avec autant de css que possible http://pklasseprod.free.fr/radars.html

et j'ai des pbs avec les div floatantes internes à d'autres div plus grande en effet quand je leur donne une width par exemple de 100px, elles en occupent beacoup plus de place que 100px!

voici le squelette en css qui est censé refaire la page dont je vous ai donné l'addresse!

merci d'avance pour votre aide!
http://pklasseprod.free.fr/radars.html

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Nouvelle Page Radar Non Abonné!</title>
 
<style type="text/css">
div{
border-style: solid;
border-color: #FFFFFF;
border-width: 1px;
}
 
div#bodyblock{
border-width: 1px;
border-style: solid;
border-color: #000000;
background-color: #FF6600;
}
 
hr{
clear: both;
background-color: #FF6600;
color: #FF6600
height: 5px;
border: 0;
width: 100%;
 }
 
div#tryPacks{
float: left;
height: 100%;
width: 70%;
}
 
div#2packs{
 
}
 
div#radars{
float:left
width: 100px;
}
 
div#lecarburant{
float: left
width: 50%;
}
 
div#tryButton{
 
}
 
div#imgGps{
float: left;
width: 344px;
height: 100%;
border-style: solid;
}
 
 
 
div#navxReasons{
float: left;
border-color: black;
 
}
 
div#gpsCompatibility{
float: left;
}
 
 
</style>
</head>
 
 
 
 
<body>
<div id="bodyblock">
 
<!-- Block du Haut pack+essayez+gps -->
		<!-- block du haut pack+essayez+gps -->
		<div id="topBlock">
 
			<!-- Block Gauche pack+essayez -->
			<div id="tryPacks">
					<!-- les packs -->
					<div id="2Packs">
 
								<div id="radars">
								<p>le pack radars fixes!	xbdbdf</p>
								</div>
 
 
								<div id="lecarburant">
								<p>En cadeau : Prix du carburant</p>
								</div>
					</div>
					<hr />
					<!-- Boutton Essayez -->
					<div id="tryButton">
					<p>Essayez Miantenant</p>
					</div>
			 </div>
 
			 <!-- block Droit Image GPS -->
			 <div id="imgGps">
				<p>image GPS
				dwsdfgwdfs
				fdgsdgs
				sdwsfdw
				sdfwfsdf
				dfsdfsd
				fsd
 
 
 
				sdfqqsd
				f
				fdqs
				sf
				qsdf
				sqdf
				sqddfwsgsd
				srgdwfg
					sqddfwsgsd
				srgdwfg
 
				</p>
 
			 </div>
		</div>
 
<hr />
 
<!-- Block du Bas 5 raisons+compatible+comment+presse -->
		<div id="bottomBlock">
					<!-- 5raisons+comment -->
					<div>
						<!-- 5 raisons -->
						<div id="navxReasons">						 	
						<p>Les 5 raisons de choisir Navx</p>
						</div>
 
						<!-- comment -->
						<div id="howTo">
						<p>comment ça marche</p>
						</div>
 
					</div>
					<hr />
					<!-- Compatible+Presse -->
					<div>
						<!-- compatibles -->
						<div id="gpsCompatibility">
						<p>tomtom garmin navman navigon</p>
						</div>
 
						<!-- presse -->
						<div id="pressreleases">	
						<p>rtl warning turbo.fr le parisien rmc.fr</p>
						</div>
					</div>
		 </div>
</div>
</body>
</html>