Safari / Chrome <li> displaying strangely.

samuurai · 03-01-2010, 10:24 AM

Hi,

On this page: http://www.racedaystaff.com/looking_for_work the first item in the two ordered lists appears to the right of the containing div. Does anyone know why?

Thanks!

B

drhowarddrfine · 03-01-2010, 02:14 PM

Look into your 56 CSS errors first.

mbaker · 03-01-2010, 02:26 PM

The problem disappears if you remove "float: left;" from .leftContentBoxTitle in main.css

However I'm loath to say that this is the "cause" of the problem.

I think the cause has something to do with the overlapping of the display boxes for the heading and first list item. I suggest you look at the page using Firefox Web developer toolbar and select CSS | View style information, then hover over the first list item.

samuurai · 03-02-2010, 09:51 AM

Thanks, that fixed it.

I've never used the webdev toolbar before, only firebug. Thanks for the recommendation !

Now on to the 56 CSS errors! Eek!