I have a site that I’m working on that looks great in all browsers except for IE8 and back. Unfortunately I clearly went about developing this site the wrong way and did very little browser testing early on. Anyway the point is this: I’m in between a rock and hard place right now trying to wrestle with hasLayout BS that frankly I don’t understand.
I have two unordered lists that are “sub-menus” floated left and right above the masthead on my site. In IE 8 and 7 (i’m not worrying about 6) the
‘s are stacking on top of eachother and aren’t displaying essentially in the inline-block style which i would like. (i’m not actually using display:inline-block)… I’ve set them to display:inline, I’ve tried display:block, floating them.. Its really making me pull my hair out.
Actually, all of the unordered lists in my header are stacking and not displaying the way I want. I really need them to just be in a line..
If anyone has any tips or if this sounds familiar please help because I feel like I’m developing ulcers
