IE6 Padding Sending Me Loopy 1

[1DMF]

Hi,

I've nearly got the site working in all browsers EXCEPT IE6!

http://www.independentmortgagenetwork.co.uk

I have applied a display:block to my anchors within the UL/LI , only there is a massive gap between each row and I cannot get rid of it.

I've done the following...

* html #sidebar a {
    margin:0px;
    padding:0px;
    padding-left:22px;
    display:block;
}

But it makes no difference, I know the cause is applying the block element to it, but I want the anchor to wrap correctly so need it (well I beleive I do correct me if i'm wrong).

So how do I make the anchors behave like block elements and get controll the spacing I want between each line in IE6.

All other browsers are working fine!

All help apprecited.

1DMF.

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!

 

[BillyRayPreachersSon]

I can't be sure about this (don't have IE 6 dev tools at work), but try this for starters:

- Remove whitespace between LIs, so change:

          <li>...</li>
          <li>...</li>
          <li>...</li>

to:

          <li>...</li
          ><li>...</li
          ><li>...</li>

Also make sure your padding & margni on the LI elements are 0px (or whatever you want them to be).

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[1DMF]

Unbeleivable Dan, spot on.

Why on earth does applying block, to the anchor make the the LI have to be on one line.

Talk about a real annoying IE6 bug.

Thanks a million!

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!