The question was: Why would you want to put a logo in CSS? Generally you'd use CSS to add styles to your page.
Agreed, generally CSS is used to apply styles to page content. However, controlling background images, and other repetitive images and such, is a good use of CSS. In the event
you wish to change your entire site's bg image or your logo happens to change, it can done in one common place.
(some code changed to protect the innocent)
see examples below:
body {
background:#fff url(../images/bg4.jpg) repeat-x;
text-align:center;
}
h1#dept a span {
position: absolute;
top: 0;
left: 0;
display: block;
background: url(../images/unitlogo.gif);
width: 100%;
height: 100%;
cursor: hand;
}
h2#uf a span{
background-image: url(../images/maincompanylogo.gif);
top:0;
left:0;
display:block;
position: absolute;
width: 181px;
height: 40px;
font-size: 1px;
cursor: pointer;
}
/*\*/#footerHome span {
background:url(
http://images/Signature-Themeline.gif) 0 0 no-repeat;
height:62px;
position:absolute;
right:0;
top:10px;
width:198px;
}/**/
Jim