CSS list menus

[spinal007]

RE url: http://temp.cksltd.co.uk/

does any one have any idea why I get this stupid get underneath the links in IE and Firefox?

PS.: I've tried:
line-height: doesn't work
height: hies sub-menu in firefox, doesn't work in ie
margins are set to zero...

Code: Select all

        /* Main Menu */
        .xm ul{ background:yellow; width:148px; border-style:solid; border-color:#a0d0fe; border-width:0px 2px 2px 0px; list-style-type:none; padding:0; margin:0px 0px 10px 0px; }
        .xm li.l1{ width:148px; display:block; }
        .xm a.l1{ line-height:30px; overflow:hidden;    font-weight:bold; text-decoration:none; }
        .xm a.l1:link, .xm a.l1:visited{ color:#656556; border-style:solid; border-color:#fff; border-width:1px 0px 0px 0px; display:block; background:url(/img/menu-bg.gif) top left no-repeat; background-position:0px 0px; padding:0px 0px 0px 20px; }
        .xm a.l1:hover, .xm a.l1.Active{ color:#474739; border-color:#a0d0fe !important; background-position:0px -30px !important; }
        
        .xm ul.l2{ padding:0;margin:0; border:0; overflow:hidden; }
        .xm li.l2{ width:120px; margin:0px 0px 0px 20px; overflow:hidden; }
        .xm a.l2{ line-height:14px; height:14px; overflow:hidden;    font-weight:normal; display:block; background:url('/img/menu-bg-small.gif') left center no-repeat; padding:3px 3px 3px 20px;margin:0px;    border:0; display:block; }
        .xm a.l2:link, .xm a.l2:visited{  }
        .xm a.l2:hover, .xm a.l2.Active{ color:#090; }

[mreine]

You really need to stop compressing your source code so that people can look at it and help! aaaaaaaaaaaaaaahhhhhhhhhhhhhhhhhhh!

[spinal007]

LOL, sorry...
it's done now.........


PS.: don't you use firefox? I always use the clean up code function (on any site)

[mreine]

I like how the AIS toolbar works in IE. FF is ok, but I'm not a big fan. It's clunky and images take forever to load compared to IE. I can watch each image turn from X's to images in FF.

(puts on fire protection for the heat I'm about to receive)

[mreine]

Wow man, you have quite a maze of css code going on there. I would like to help, but it's going to take some time to decipher all that. Not sure when I can get to it.

[spinal007]

The banners: yeah, still need to optimize those..........
The round corner boxes: it may seem the images talke a while to load, but they only load after the page has finished loading (a script dynamically sets the background)

But anyway, DUDE, this isn't up for critique! Focus!
All the css you need is on my first post...

------

Originally Posted by mreine

(puts on fire protection for the heat I'm about to receive)

ROFLMAO!

[mreine]

I wasn't refering to your page, I was refereing to FF in general being a slower and crappier browser. All I hear is how great FF is, but it always sucks when I use it. That's why I was going to put on the fire protection to take the heat from all the FF lovers!

[moojoo]

It runs better under Linux and OS X than Windows unfortunately but its due to Windows not FF code imo. Although under OS X it doesn't quite fit the OS X Human Interface Guidelines but I like using it anyway.

[spinal007]

Oh, stupid me, completelly mis-read your post. Anyway...

You might be interested to know that 2 weeks ago I decided to switch altogether to FF. It's now my default browser and I don't think I'll be going back.

What you need are some nice extensions and you'll fall in love with it, I guarantee it!

PS.: I'll post urls here in a minute....

[moojoo]

The extensions are simply awesome. very handy. Not sure why I like it more than Safari but eh I just do.

[spinal007]

Almost forgot, LOL

1. JSView: Debugging and source code stuff...
2. Total Validator: as the mane suggests...
3. Firebug: Debugging and source code stuff...
4. GMail Manager: pretty neat...
5. WebDeveloper toolbar: YOU MUST HAVE THIS
6. IE Tab: Let's you see pages in FF using the IE engine. It's IE and Firefox in one.
7. SEOpen: neat SEO tools

and a few other beauties.... check the plugins page:
https://addons.mozilla.org/