Warum floatet der Div nicht?

Hey, ich versuche gerade mit CSS "warm" zu werden. Ich möchte hier 2 Boxen nebeneinander erstellen. In der Vorschau sind sie sichtbar aber nicht in der Endansicht. Fehler im Code?

/**************** Css ********************/


.1 {
    margin:10px;
    padding: 0;
    width:500px;
    float:left;
}
.2 {
    margin:20px;
    padding: 0;
    width:300px;
    float:left;
}




/*************** Html *********************/


 <div class="footer">

<div class="1">
    Eine Seite zurück | Zum Seitenanfang<br><a href="../impressum.html">© TEXT KG</a>
    </div>
<div class="2">
    <a href="../shop.html">TEXT</a>********<a href="../partner.html">Partner</a>
</div>

    <!-- end .footer --></p>
  </div>

Vorschau:

THX, lg

Hehe sry. ich wollte damit nur zeigen dass Div's in der Entwurfansicht zu erkennen sind

Ich habs jetzt mit anderen CSS Atributen gemacht, da hat es tadellos funktioniert. Die oben versuchten div's klappten auch weiterhin nicht.
Link: http://uniskant.com/home.html

Wie ist das eigentlich mit einer CSS Angabe, ich hab mal gelesen dass es besser ist für ältere Browser bei den CSS Angaben keine Leerzeichen zu verwenden.

Bspl:

padding:0;
statt
padding: 0;

Spielt das noch immer eine Rolle? Dreamweaver haut mir immer automatisch die Leerzeichen rein aber alle gängigen Browser zeigen sie bis jetzt an.

Aah ok, na besten Dank! *Verbeug* Jup mit Leerzeichen ist es natürlich etwas übersichtlicher.