Here's a quick 'n dirty possibility:
You'll notice that I changed your markup a bit (it was screaming to be put
into a list). Forgive me for pasting all this code here ;]
Tested in: Windows(Firefox 1.5.0.3, IE 6, Netscape 7.1)
<style type="text/css">
body {font-family:Verdana, Arial, Helvetica, sans-serif;}
/*Netscape needs the parents of floats to be floated*/
#leftColb {width:205px; float:left; padding:0; background-color:#CCCCCC;
font-size:.8em; overflow:hidden;}
#leftColb h4 {background-color:#993399; color:#fff; margin:0; padding:3px 0
3px 0; text-align:center;}
/*Netscape needs the parents of floats to be floated*/
#leftColb ul {width:173px; float:left; margin:16px 16px 0 16px; padding:0;
list-style:none; overflow:hidden; font-size:.8em;}
/*IE wasn't responding to the margins as it should, so I've served it
padding for the same effect*/
* html #leftColb ul {width:189px; margin:16px 0 0 0; padding-left:16px;}
#leftColb ul li {width:100%; float:left; margin:15px 0 0 0;}
#leftColb ul li.firstitem {margin-top:0;}
#leftColb ul li.lastitem {margin-bottom:16px;}
#leftColb ul li a.thumb {float:left; margin-right:16px;}
#leftColb ul li p {margin:0; padding-top:.6em;}
#leftColb ul li p a {text-decoration:none; font-weight:bold;}
#leftColb ul li p a:hover {color:#fff; background-color:#993399;}
</style>
<div id="leftColb">
<h4>Tech Tutorials</h4>
<ul>
<li class="firstitem">
<a
href="http://www.edu.uwo.ca/mis/tutorials/adding-shared-calendar/adding-shar
ed-calendars.htm" class="thumb" target="_blank"><img
src="photos/63x48_tech_tip.jpg" alt=" " width="63" height="48" border="0"
/></a>
<p><a
href="http://www.edu.uwo.ca/mis/tutorials/adding-shared-calendar/adding-shar
ed-calendars.htm" target="_blank">Adding a Shared Calendar</a></p>
</li>
<li>
<a
href="http://www.edu.uwo.ca/mis/tutorials/sharing-calendars/sharing-calendar
s.htm" class="thumb" target="_blank"><img src="photos/63x48_tech_tip.jpg"
alt=" " width="63" height="48" border="0" /></a>
<p><a
href="http://www.edu.uwo.ca/mis/tutorials/sharing-calendars/sharing-calendar
s.htm" target="_blank">Sharing your Calendar</a></p>
</li>
<li>
<a
href="http://www.edu.uwo.ca/mis/tutorials/scheduling-appointments/scheduling
-appointments.htm" class="thumb" target="_blank"><img
src="photos/63x48_appointments.jpg" alt=" " width="63" height="48"
border="0" /></a>
<p><a
href="http://www.edu.uwo.ca/mis/tutorials/scheduling-appointments/scheduling
-appointments.htm" target="_blank">Scheduling Appointments</a></p>
</li>
<li class="lastitem">
<a
href="http://www.edu.uwo.ca/mis/tutorials/scheduling-meetings/scheduling-mee
ting.htm" class="thumb" target="_blank"><img
src="photos/63x48_tech_meetings.jpg" alt=" " width="63" height="48"
border="0" /></a>
<p><a
href="http://www.edu.uwo.ca/mis/tutorials/scheduling-meetings/scheduling-mee
ting.htm" target="_blank">Scheduling Meetings</a></p>
</li>
</ul>
</div>
Shawn
---------------------------------------
Hi there,
Sorry if this comes to you twice. Here's the url. The text is lower down in
IE than FF while it's not huge I want to impress so I'd like it to look as
good and professional as possible on as many platforms as possible.
One other thing that's not critical is in Safari the purple background hover
state doesn't work.
<http://www.edu.uwo.ca/newsletter/tutorial_test_ie.html>
Thank you so much for having a look and any suggestions. I work on a Mac wth
Dreamweaver MX 2004
Richard
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
