ساخت جدول با 4 ستون و دو ردیف با div و css

[ravand]

سلام.
این جدول رو ببینید:
88654
این جدول دارای 4 ستون و دو ردیف است. این جدول رو به راحتی میشه با <td> ایجاد کرد .
ولی با css و div که ایجاد میکنم با همه ی مرورگرها سازگار نیست.
مثلا این یک نمونه:

<div style='height: 20px; width: 20px; border: 3px solid black; float: left;'> </div>
<div style='height: 20px; width: 20px; border: 3px solid green; float: left;'> </div>
<div style='height: 20px; width: 20px; border: 3px solid blue; float: left;'> </div>
<div style='height: 20px; width: 20px; border: 3px solid red; float: left;'> </div>
<div style="clear: both;font-size: 2pt"> </div>
<div style='height: 20px; width: 20px; border: 3px solid black; float: left;'> </div>
<div style='height: 20px; width: 20px; border: 3px solid green; float: left;'> </div>
<div style='height: 20px; width: 20px; border: 3px solid blue; float: left;'> </div>
<div style='height: 20px; width: 20px; border: 3px solid red; float: left;'> </div>
چند نمونه دیگه رو هم نوشتم ولی با همه ی مرورگرها سازگار نبودن.
باید چیکار کرد؟
متشکرم.

[Saber Mogaddas]

سلام
مشکل شما دستور clear هست چون تو بعضی از ورژن های مرورگر ساپورت نمیشه ..شما به جای استفاده از clear از یه دیو wraper برای همه دیو ها استفاده کنید و با Float دیو ها داخلی رو جایگزاری کنیم.
موفق باشید