Repeat background-image fra top til bund?

Hej UDviklere

Problemet er, hvis min div-element ikke er langt nok i px, så ser hjemmesiden forkert ud. Derfor skal jeg have mit background-element til at være 100% - altså fra top til bund uanset, hvor meget indhold, der er. Bemærk at der er tale om flo's background-image.

Jeg har prøvet:

html,body {
    margin:0px;
    padding:0px; 
    background-image:url("http://xxx.dk/public/images/backgroundimage.jpg");
    color:rgb(51,51,51);
    height:100%;
}

div.margin
{
    margin:0px auto 0px auto;
    width:1300px;
    padding:0px;
    min-height:100%;
}

div.flo {
    margin:0px;
    width:1300px;
    padding:0px;
    float:left;
    min-height:100%;
    background-image:url("http://xxx.dk/public/images/divbackground.jpg");
    background-repeat:repeat-y;

}

Hvordan gør jeg det rigtigt?