[WSG] how would I do this?

[Universal Head]

Title: how would I do this?

I'm working at getting my site all correct (though are we OK with transitional coding here - ie use of very simple tables - or is that a no-no?), but I have a question about the right way to approach a part of it.

Have a look at http://universalhead.com/clients/tempimage.jpg

I'm trying to create the CSS to allow me to set this up as a list of items. This is my attempt:

#logolist ul {
  padding: 0;
     margin: 0;
}

#logolist li {
       list-style-type: none; 
        background-color: #fff;
        border: 1px #b0bcc0 solid;     
        margin-top: 10px;
       clear: left;
}

#logolist h2 {
     font-size: 11px;
        padding: 5px 10px 5px 85px;
}

#logolist p {
       font-size: 10px;
        line-height: 16px;
      padding: 0 10px 0 85px;
}

with the code:

<div id="logolist">

<ul>

<li><a href="" src="" width="75" height="75" alt="JBL" class="logo" /><h2>JBL Professional</h2></a><p>Brief summary of products here.</p></li>
<li><a href="" src="" width="75" height="75" alt="JBL" class="logo" /><h2>JBL Professional</h2></a><p>Brief summary of products here.</p></li>
</ul>

</div>

And the result is at http://universalhead.com/clients/tempimage2.jpg

You can see my problem is that the height of the box is dependent on the text, rather than the logo image.

I'm stumped. Hope this question is OK to ask, and excuse my newbieness, I'm learning a lot in a short time for a non-programmer designer like myself!

Cheers

-- 

peter gifford

universal head    
design that works

visit  7/43 bridge road
        stanmore nsw 2048
       australia
call   (+612) 9517 1466
fax     (+612) 9565 4747
email   [EMAIL PROTECTED]
site      www.universalhead.com