ragazzi avrei bisogno di sapere come posso mettere a un immagine il 100% di height a ogni risoluzione e ogni rimpicciolimento o allargamento della pagina web ed appunto a ogni browser:
ho un sito composto da 2 cose:
_a sinistra un div contenente un immagine (img_container)
_a destra i contenuto del sito

io vorrei che quest immagine mi prendesse il 100% dello sfondo in base a quale schermo o browser lo sto guardando io ho rpovato cosi ma non va:

.img_container{

background:url('cristina copia.jpg') scroll top no-repeat;
height:100%;
margin:auto;
min-height:700px;
float:left;
position:relative;
top:0px;
overflow:hidden;
width:402px;

}


HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="it" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cristina Tassinari</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>

<div class="img_container"></div>




</body>
</html>