demonhale — Sat, 17 Mar 2007 05:27:50 +0000

Actually without that CSS above it still doesn't matter, tried clearing it, removing it and whatnots, the display on both ie and FF is still the same. That means that css does nothing... Although adding a tag on the html in between the link and the heading might give you the space you need...

Megan — Fri, 16 Mar 2007 18:53:28 +0000

Roo;216557 wrote: I don't know the answer, but it's doing the same thing in IE6, also in IE6 there isn't as much padding on the left of that block of links are there is in Firefox.

That's interesting, because I'm not seeing the extra padding on the header in IE 6. It really shows when you try to select the text in IE 7. There's a whole bunch of extra space there.

Thanks for pointing out the difference in the padding on the list... I'm not sure if that bothers me enough to fix it...

Thanks for the effort, jGirlyGirl!

jGirlyGirl — Fri, 16 Mar 2007 18:31:10 +0000

Hi Megan,

That's an odd one. I was just playing around with it and couldn't figure it out myself.

The only way I was able to get it to display correctly was to put all bullets in one

(you had two) and set height and width attributes manually. That's probably not feasible and definitely not the best way to do it, but it does achieve the look you want in IE and FF, and doesn't mess with the tag at all.

#innercontent ul.inline {margin: 0 0 0 60px; padding:0px; width:600px; height:40px;}
#innercontent ul.inline li {display: inline; list-style-type: none;}
#innercontent ul.inline li a {display: block; float:left; width:300px;}
#innercontent h3 {clear:both;}

If you don't use this code, and end up figuring it out please let us know

Roo — Fri, 16 Mar 2007 17:43:27 +0000

I don't know the answer, but it's doing the same thing in IE6, also in IE6 there isn't as much padding on the left of that block of links are there is in Firefox.