[BNM] CSS - List Item displays under left floated Image

[Matt Keogh]

Thanks for your help.
 
Further investigation does indicate that it's actually Firefox getting it
wrong.
 
It's definitely not the 3px bug or the double float margin.
 
There are 2 ways to fix it (other than going down the margin or width route)
 
The first is to float the UL but this causes extra work for the CMS to clear
them.
 
The second is to add a "display: inline-table" to the  UL (inline block is
currently wrongly showing as invalid on the validator) which even gets IE
mac displaying how I want it to. However, IE 5.X doesn't get this but if you
use the 1% height holly hack it behaves the same way. I gave the UL and LI's
a background colour and I could see that on IE the whole UL moves out of the
way and just the LI's move out the way on FF but for this project that's
fine.
 
This seems to work in IE Mac, Mozilla, Safari, Opera and FF (most if not all
versions) but not in IE7 where the holly hack seems to mess with it...
 
Thanks for the replies!
 
Matt


_______________________________________________________
This email has been scanned for viruses by MessageLabs.