Home/ Questions/Q 8042949
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T04:45:12+00:00

I’ve got some issues with this heap of a junk browser IE and it

  • 0

I’ve got some issues with this heap of a junk browser IE and it is preventing me from using any addons to debug the issue(s).

If someone could be kind enough to take a look and let me know the problem please that would be ace.

Please see this site (it’s only testing domain so I know there are tons of other problems on it) – 009rep.clubnetdev.com.

Hover over the ‘Sale’ item in the top navigation menu (whilst in IE9) and within the 2nd column, there appears to be a vertical line (border) randomly floating there (see screenshot below). I’m initially thinking it has something to do with the CSS psuedo classes first-child and last-child defined within this dropdown but if anyone can have a look and confirm what the problem is, I would really appreciate it – thanks.

screenshot http://img221.imageshack.us/img221/7606/pick.png

Displays fine in all other non IE browsers (as expected).

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    menurep.css, line 176

    .col_1 {width:145px; border-right: 1px solid #888;}

    The width 145px is causing this, as in the other dropdowns you use it for the text links on the left.

    I would give this instance a different class so it doesn’t get the right border applied to it at all.

    One way you could do this is to target this specific column via its parent:

    .dropdown_1column .col_1 { border:0 }

    I also notice that all your .col_* classes have display:inline and float:left; applied which are conflicting statements as floating makes an element block anyway.

    If you can’t change any of the above easily, you may want to try z-index on this specific instance but I think this may cause other issues.

    • 0