Web Development with jQuery®

Using the style sheet in Example 13-1.css, make the following modifi cations and save the results in a
new fi le, as Example 13-2.css:
html,
body {
width: 100%;
height: 100%;
}
body {
font: normal 12px 'Lucida Grande', Arial, sans-serif;
background: rgb(189, 189, 189)
url('images/Bottom.png')
repeat-x
bottom;
color: rgb(50, 50, 50);
margin: 0 ;
padding: 0 ;
}
div#finderCategoryFileWrapper {
position: absolute;
top: 0 ;
right: 0 ;
bottom: 23px;
left: 0 ;
}
ul#finderCategoryFiles,
ul#finderOtherCategoryFiles {
float: left;
height: 100%;
width: 300px;
border-bottom: 1px solid rgb(64, 64, 64);
border-right: 1px solid rgb(64, 64, 64);
background: #fff;
list-style: none;
margin: 0 ;
padding: 0 ;
}
li.finderCategoryFile {
clear: both;
padding: 5px 5px 10px 5px;
min-height: 48px;
width: 290px;
}
li.finderCategoryFile h5 {
font: normal 12px 'Lucida Grande', Arial, sans-serif;
margin: 0 ;
}
div.finderCategoryFileIcon {
float: left;
[http://www.it-ebooks.info](http://www.it-ebooks.info)