I am using ul/li to display 'portfolio' images but cannot get it to behave crossbrowser. I used a bottom margin to provide space between the vertical alignment of the images which works in IE, but not so well in FF - if I use borders. Plus - the images align correctly horizontally in FF but overlap the right border, plus there is added space between the bottom of the image and the border. The images are clipped on the left side in IE, but the space between image and border at the bottom is ok.
I used a negative left margin to fit the section in the floated box. The resulting page can be found here: http://www.kebzweb.com/kebzweb/corners2.html The css for the ul/li is: .folio ul { text-align: center; margin-left: -35px; list-style-type: none; font-size: 12px; } .folio li { margin-bottom: 12px; border: 1px solid #E3EBEC; text-align: center; } The full css stylesheet is at: http://www.kebzweb.com/kebzweb/css/keb2.css This is an exersize in css I've created for myself, and your help in solving this particular problem is greatly appreciated. ______________________________________________________________________ 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/
