Quirky Links - Compatibility Issues

[res303]

Good day all,

I'm having nasty compatiblity issuses with netscape 4.x. Unfortunately as this is mostly an internal organisation site my traffic is about 60% netscape 4.x users so I can't just do a browser sniff and recommend they upgrade their browser.

My problem is that my menu though being display correctly, the links are going all quirky. I'll try and explain...

I'm using <div> for each line with each level of branch and leaf assigned it's own class. eg root level leaves are assigned:
[tt]<div class=&quot;LeafLvl0&quot;>Home</div>[/tt]
with the div.LeafLvl0 being
[tt]
div.LeafLvl0{
  position: relative;
  left-margin: 5px;
  width: 200px;
}[/tt]
With the other levels having different left-margins as required.

It should be displayed like this..
[tt]
+ branch1
- branch2
    + branch3
    - branch4
        leaf1
        leaf2
        leaf3
        leaf4
    + branch5
+ branch6
  leaf5
  leaf6
[/tt]

..but under n 4.x it appears like..
[tt]
+ branch1
- branch2
    + branch3
    - branch4
        leaf1
        leaf2
        leaf3
        leaf4
    + branch5
+ branch6
  leaf5
  leaf6
[/tt]

with the blue bits only being linked and the remainder of the link displayed as plain text.

Any ideas on how to resolve these display issues or should I just revert to laying the menu out using tables (my last resort).

All opions are greatly appreciated.

(If anyone wants to see the code for this, I'll put up the outputed HTML from the php as soon as I go back to work on Monday)

 

[gacaccia]

a posting of the outputed html would be good to see.

glenn

 

[res303]

I'll try and do that when I get to work.