[pgo]

I'm working on a sub-navigational menu system for my new site. Works fine in FF, but I've run into a bug in IE6 (and lower). A large space is placed between each of the three buttons.

[link removed, problem solved]

Now, this can be eliminated by giving the <li>s a height of 1%, or zero, or something. Even so, it still gives you a 3 pixel space between them. I tried margins, padding, line-height, height...I can't figure it out. Any help is appreciated.

The relevant HTML is...

    <ul>
      <li id="subcurrent"><a href="#" title="..."><span>Web Design</span></a></li>
      <li><a href="#" title="..."><span>Consultation</span></a></li>
      <li><a href="#" title="..."><span>Hosting &amp; Management</span></a></li>
    </ul>

The extra span is a style hook for the rounded corner effect.

All relevant CSS can be found at - [link removed, problem solved]

[finbarr]

I had the same and put a:

margin-bottom:0!important;
margin-bottom:-3px;

and it sorted it... dont know if thats any use to you

[pgo]

Doesn't work - it just breaks.

Thanks, though.

[emil]

try giving everything a width?

#sidebar ul li {width:150px;}
#sidebar ul a {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  text-align: right;
  padding-bottom: 8px;
  margin: 0;
  width:150px;
  }

#sidebar ul a span {
  display: block;
  width:150px;
  padding: 8px 10px 0 10px;
  margin: 0;
}  

[pgo]

Fucking hell. I figured it out.

Added a 200px width to the <a>s.

What. The. Fuck.

EDIT: Haha. Thanks emil - great minds think alike, I guess. Don't know why it worked since they're not floated.

I tried adding a width to the spans, too, but that threw it all out of whack in IE.

Now to sort out the nightmare that is IE5.5

[emil]

haha, good luck

[pgo]

Oddly enough, it looks fine in 5.01, but utterly destroyed in 5.5.

What fun would we have if it weren't for IE. God ... bless ... it.

[emil]

why don't you feed a different stylesheet to IE?
do you care so much for IE 5.5?

[skyrocket]

Originally Posted by pgo

What fun would we have if it weren't for IE. God ... bless ... it.

amen. did you try removing all the white space between the li items?

[pinksage]

i HATE IE... it should be banned.

[pgo]

Originally Posted by skyrocket

amen. did you try removing all the white space between the li items?

Yeah, didn't work. Adding a width did. For some dumbfuck reason.

Oh well. I'd never have any excitement if it weren't for IE.

The site's coming along nicely. Should be ready to post it next week or so.

[Phantomsuspect]

Some helpful advice was given to me recently, try removing the doctype and see what happens, when it is weird it is the doc type in IE. I don't know if removing it is a good idea but if it fixes the problem you can scream at IE once again.

[pgo]

Nah, I'm not removing the doctype. Besides the problem has been fixed.