Необходимо создать, что-то типа файлового менеджера. В нем будут, папки, файл (не столь важно). Вот создан макет
Код:
 <html>

 <head>
 * <title>Folders</title>
 <style type="text/css">
 * * div.window{
 * * * * position: absolute;
 * * * * overflow: auto;
 * * * * margin: 8px;
 * * * * padding: 0px;
 * * * * width: 420px;
 * * * * height: 280px;
 * * }
 * * div.titlebar{
 * * * * background-color: #0066AA;
 * * * * background-image:url(images/titlebar_bg.ОЬЮ);
 * * * * background-repeat: repeat-x;
 * * * * color: white;
 * * * * border-bottom: solid black 1px;
 * * * * width: 100%;
 * * * * height: 16px;
 * * * * overflow: hidden;
 * * }
 * * span.titleButton{
 * * * * position: relative;
 * * * * height: 15px;
 * * * * width: 15px;
 * * * * padding: 0px;
 * * * * margin: 0px 1px 0px 1px;
 * * * * float: right;
 * * }
 * * span.titleButton#min{
 * * * * background: transparent url(images/min.gif) top left no-repeat;
 * * }
 * * span.titleButton#max{
 * * * * background: transparent url(images/max.gif) top left no-repeat;
 * * }
 * * span.titleButton#close{
 * * * * background: transparent url(images/close.gif) top left no-repeat;
 * * }
 * * div.contents{
 * * * * background-color: #E0E4E8;
 * * * * overflow: auto;
 * * * * padding: 2px;
 * * * * height: 240px;
 * * }
 * * div.item{
 * * * * position: relative;
 * * * * height: 64px;
 * * * * width: 56px;
 * * * * float: left;
 * * * * padding: 0px;
 * * * * margin: 8px;
 * * }
 * * div.item div.itemName{
 * * * * margin-top: 48px;
 * * * * font: 10px verdana, arial, helvetica;
 * * * * text-align: center;
 * * }
 * * div.folder{
 * * * * background: transparent url(images/folder.gif) top left no-repeat;
 * * }
 * * div.file{
 * * * * background: transparent url(images/file.gif) top left no-repeat;
 * * }
 * * div.special{
 * * * * background: transparent url(images/folder_important.gif) top left no-repeat;
 * * }
 </style>
 </head>
 <body>
 * * <div class="window">

 * * * * <div class="titlebar">
 * * * * * * 
 * * * * * * 
 * * * * * * 
 * * * * </div>
 * * * * <div class="contents">
 * * * * * * <div class="item folder">
 * * * * * * * * 

 * * * * * * </div>
 * * * * * * <div class="item folder">
 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item folder">
 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item file">

 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item file">
 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item special">
 * * * * * * * * 

 * * * * * * </div>
 * * * * * * <div class="item file">
 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item file">
 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item file">

 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item file">
 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item file">
 * * * * * * * * 

 * * * * * * </div>
 * * * * * * <div class="item file">
 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item file">
 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item file">

 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item file">
 * * * * * * * * 
 * * * * * * </div>
 * * * * * * <div class="item file">
 * * * * * * * * 

 * * * * * * </div>
 * * * * </div>
 * * </div>
 </body>
 </html>
В ФФ он работает корректно, но в ИЕ есть баг. Первый элемент, после первой строки смещаецца влево и никак не могу это побороть