what i want is 4 images that are all centre aligned across the page and evenly spaced. i'm not sure what i'm doing wrong but it only works in IE6.
i have a DIV that contains 4 DIVs that each contain an image: <div class="logoRow"> <div class="logoCol"><img src="<%= ResolveUrl("~/images/sponsor_logos/CIBC-WG.gif") %>" /></div> <div class="logoCol"><img src="<%= ResolveUrl("~/images/sponsor_logos/RioCan-logo.gif") %>" /></div> <div class="logoCol"><img src="<%= ResolveUrl("~/images/sponsor_logos/Trinity-logo.gif") %>" /></div> <div class="logoCol"><img src="<%= ResolveUrl("~/images/sponsor_logos/1717-logo.gif") %>" /></div> </div> .logoRow { float: left; width: 100%; padding: 5px 0; } div.logoCol { float: left; width: 24%; height: 100px; text-align: center; line-height: 100px; font-size: 100px; } *>div.logoCol { font-size: 12px; } div.logoCol img { vertical-align: middle; } -- Vincent Pollard http://www.ithinkx.co.uk ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/