I’ve created an expandable button (will expand dynamically based on content), only
problem in that in IE6 background-position doest work.
I know I could just re-write the css+html and create this button in a diff way but really rather use this way.
The problem is that When you float a <li> in IE6, sometimes* it doesn’t shrink the width of the <li> to be as thin as possible (allowing the other buttons to align next to it); it remains at 100%. When this happens the only real fix I have been able to find is to manually program the width of each button =/
Do me a favor, and try "float: right" and let me know how that goes.
Also try adding "display:block" to the "li" (repetitive I know).
*I have run into the problem before (with teakwarehouse.com’s menu) and had to manually edit the widths of each menu item. But I just did my personal website’s menu that way and didn’t seem to have any problems… I can’t see any major difference in the codes, besides the two I mentioned above and the position absolute for the UL. Here’s my code: