И мне поможете? Тоже новичок.

Исходный файл.
читать дальше »
HTML код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
#allform{
clear: left;
width: 99%; /* Ширина слоя */
height: 100%;
background-color: #F0FF0F;
}
#myimageform {
width:1000px;
height: 100%;
padding:20px;
border: 4px double green; /* Параметры границы */
}
.imageonline {
float:left;
/*border-color: red; /* Цвет границы */
border: 4px double black; /* Параметры границы */
padding: 5px; /* Поля вокруг текста */
background-color: #FFCCCC;
}
#bottomnav{
float:left; /**/
width: 99%; /* Ширина слоя */
padding: 10px; /* Поля вокруг текста */
/*background: #fc0; /* Цвет фона */
}
</style>
</head>
<body>
<div id="allform">
<form id="myimageform" name="myimageform" action="" method="post" >
<div><input name="checkall" type="checkbox" value="ON" /> </div>
<div class="imageonline">
<img src="" border="0" name="srcimage" id="img0" onclick="getCheckbox('checkbox0')" alt=""/>
<br /><a href="">>>></a>
<input name="checkbox[]" type="checkbox" value="1283513" id="checkbox0" />
</div>
<div class="imageonline">
<img src="" border="0" name="srcimage" id="img1" onclick="getCheckbox('checkbox1')" alt=""/>
<br /><a href="">>>></a>
<input name="checkbox[]" type="checkbox" value="1283514" id="checkbox1" />
</div>
<div class="imageonline">
<img src="" border="0" name="srcimage" id="img2" onclick="getCheckbox('checkbox2')" alt=""/>
<br /><a href="">>>></a>
<input name="checkbox[]" type="checkbox" value="1283515" id="checkbox2" />
</div>
<div class="imageonline">
<img src="" border="0" name="srcimage" id="img3" onclick="getCheckbox('checkbox3')" alt=""/>
<br /><a href="">>>></a>
<input name="checkbox[]" type="checkbox" value="1283516" id="checkbox3" />
</div>
<div class="imageonline">
<img src="" border="0" name="srcimage" id="img4" onclick="getCheckbox('checkbox4')" alt=""/>
<br /><a href="">>>></a>
<input name="checkbox[]" type="checkbox" value="1283518" id="checkbox4" />
</div>
<div class="imageonline">
<img src="" border="0" name="srcimage" id="img5" onclick="getCheckbox('checkbox5')" alt=""/>
<br /><a href="">>>></a>
<input name="checkbox[]" type="checkbox" value="1283519" id="checkbox5" />
</div>
<div class="imageonline">
<img src="" border="0" name="srcimage" id="img6" onclick="getCheckbox('checkbox6')" alt=""/>
<br /><a href="">>>></a>
<input name="checkbox[]" type="checkbox" value="1283520" id="checkbox6" />
</div>
<div class="imageonline">
<img src="" border="0" name="srcimage" id="img7" onclick="getCheckbox('checkbox7')" alt=""/>
<br /><a href="">>>></a>
<input name="checkbox[]" type="checkbox" value="1283521" id="checkbox7" />
</div>
<div class="imageonline">
<img src="" border="0" name="srcimage" id="img8" onclick="getCheckbox('checkbox8')" alt=""/>
<br /><a href="">>>></a>
<input name="checkbox[]" type="checkbox" value="1283522" id="checkbox8" />
</div>
<div class="imageonline">
<img src="" border="0" name="srcimage" id="img9" onclick="getCheckbox('checkbox9')" alt=""/>
<br /><a href="">>>></a>
<input name="checkbox[]" type="checkbox" value="1283523" id="checkbox9" />
</div>
</form>
</div>
<div id="bottomnav">
<a href="" >следующие >></a>
<br /> Всего ваших изображений - 30.
</div>
</body>
</html>
Вот что получается

Див с классом
imageonline находится внутри дива с идом
myimageform, но при этом выходит за его пределы. Почему и что делать. При этом не задавая для myimageform фиксированной высоты.