Why position: relative and float:left?

Jul 24, 2008 at 10:58 PM
ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    float: left;
}

Feeling pretty clueless here--why are the <li> items for the menu control both floated & positioned?

Removing the float appears to do nothing other than make the <ul> the correct height, as opposed to 0 (zero) [insert your unit of choice].


Coordinator
Jul 30, 2008 at 5:56 PM
It could be to address issues in other browsers (IE, FF, etc.). I know IE6 sometimes requires a little extra to workaround some display quirks.

There are lots of different ways to generate horizontal menus from ULs, and you can always override the defaults with your own CSS.
Aug 9, 2008 at 2:39 AM
I haven't seen the rest of the CSS code.  However, a float would be a way to stack the elements horizontally, as bdemarzo.  Adding "position: relative" is probably not actually positioning anything in this case.  It's a common way to turn an element into a containing block, so that elements within that element can be positioned absolutely... but that's just a guess.