ie 5.5 and ie 6 display problems

[bonnit]

hi im using a css styled unordered list for my fly out navigation but it is not working just in these browser, is this a know issue and if so is there a quick fix?? it is menu1 in particular that has issues and im using conditional comments to include an ie6 and above css page, ive tried changing the comments to include 5.5 but no avail???

navigation css

Code: Select all

/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.textright {text-align:right;}
.menu {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:170px;
 height:340px;
 position:relative;
 margin:0px;
 font-size:11px;
 font-weight:normal;
 line-height:normal;
}
.menu ul li a, .menu ul li a:visited {
 display:block;
 text-decoration:none;
 color:#fff;
 width:170px;
 height:25px;
 text-align:left;
 background:#000;
 line-height:20px;
 font-size:11px;
 border:1px #ffffff;
}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#000;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:170px; width:170px;}
.menu ul li:hover ul li a.hide {background:#000; color:#fff;}
.menu ul li:hover ul li:hover a.hide {width:170px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#000; color:#fff; width:170px;}
.menu ul li:hover ul li a:hover {background:#000; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:170px; top:0; color:#fff;}
.menu ul li:hover ul li:hover ul li a {display:block; width:170px; background:#000; color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {background:#000; color:#fff;}
/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 width:800px;
 height:20px;
 position:relative;
 font-size:11px;
 z-index:100;
}
.menu1 ul li a, .menu1 ul li a:visited { display:block; text-decoration:none; color:#000; width:114px; height:20px; text-align:left; color:#fff; line-height:20px; font-size:11px; overflow:hidden; background-color: #000000;}
.menu1 ul {padding:0; margin:0; list-style: none;}
.menu1 ul li {float:left; position:relative;}
.menu1 ul li ul {display: none;}
/* specific to non IE browsers */
.menu1 ul li:hover a {color:#fff; background:#000;}
.menu1 ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:130px;}
.menu1 ul li:hover ul li a.hide {background:#000; color:#fff;}
.menu1 ul li:hover ul li:hover a.hide {background:#000; color:#fff;}
.menu1 ul li:hover ul li ul {display: none;}
.menu1 ul li:hover ul li a {display:block; background:#000; color:#fff;}
.menu1 ul li:hover ul li a:hover {background:#000; color:#fff;}
.menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu1 ul li:hover ul li:hover ul.left {left:-105px;}

if ie6 navigation css

Code: Select all

/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
table {border-collapse:collapse; border:0; margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a:hover {color:#fff; background:#000;}
.menu ul li a:hover ul {display:block; position:absolute; top:0; left:170px; width:175px;}
.menu ul li a:hover ul li a.sub {background-color:#000; background:#000; color:#fff;}
.menu ul li a:hover ul li a {display:block; background:#000; color:#fff; width:170px;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#000; color:#fff;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:170px; top:0; color:#fff;}
.menu ul li a:hover ul li a:hover ul li a {display:block; width:175px; background:#000; color:#fff;}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#000; color:#fff;}
/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu1 ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu1 ul li a:hover ul li a.hide {display:none;}
.menu1 ul li a:hover {color:#fff; background:#000;}
.menu1 ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:114px;}
.menu1 ul li a:hover ul li a.sub {background:#000; color:#fff;}
.menu1 ul li a:hover ul li a {display:block; background:#000; color:#fff;}
.menu1 ul li a:hover ul li a ul {visibility:hidden;}
.menu1 ul li a:hover ul li a:hover {background:#000; color:#fff;}
.menu1 ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:114px; top:0; color:#000;}
.menu1 ul li a:hover ul li a:hover ul.left {left:-114px;}

[welshstew]

I wouldn't bother with ie 5.5, as it only has 1% of users worldwide:
http://www.w3schools.com/browsers/browsers_stats.asp

I wish we didn't have to bother with ie6 either, but hey, we will get there one day

[drd]

Yeah IE5.5 is too much trouble for such little gain, at some point that 1% will be forced to upgrade!

[shalom_m]

In the last few months I have had no reports of IE5 or 5.5 accessing any of my sites.
IE6 is down to less than 3% in the US and Europe.

[bonnit]

yeah only problem is im doing a website for someone else and they just so happen to have ie6 and so does the person that reported the fault grrrrr! what are the chances in that

[bonnit]

sorry for double post but cant edit....these are the stats from my web host

1Yahoo Robot (www.yahoo.com)1925.00%2Internet Explorer 6.01418.42%3Firefox 2.0810.53%4Google Robot (www.google.com)810.53%5Mozilla 567.89%6Opera 9.267.89%7Internet Explorer 7.033.95%8Netscape22.63%9Safari22.63%10Alexa Robot (www.alexa.com)11.32%11Internet Explorer11.32%12Internet Explorer 4.011.32%13Internet Explorer 5.011.32%14Internet Explorer 5.511.32%15Konqueror 3.511.32%16MSN Robot (search.msn.com)11.32%17SeaMonkey 1.111.32%

[shalom_m]

Originally Posted by bonnit

sorry for double post but cant edit....these are the stats from my web host

1Yahoo Robot (www.yahoo.com)1925.00%2Internet Explorer 6.01418.42%3Firefox 2.0810.53%4Google Robot (www.google.com)810.53%5Mozilla 567.89%6Opera 9.267.89%7Internet Explorer 7.033.95%8Netscape22.63%9Safari22.63%10Alexa Robot (www.alexa.com)11.32%11Internet Explorer11.32%12Internet Explorer 4.011.32%13Internet Explorer 5.011.32%14Internet Explorer 5.511.32%15Konqueror 3.511.32%16MSN Robot (search.msn.com)11.32%17SeaMonkey 1.111.32%

I don't doubt it, but is that for the last month or the last 3 years?

[bonnit]

thats for beginning of may 08, so thats a bit of a bugger cos it means i actually do have an audience of crappy web browser users lol. i ve looked on a number of other scripts and they use javascript to get around it, is there not a css fix?

[shalom_m]

Both scripts are from cssplay.
I have found Stu Nicholls very cooperative. I suggest you drop him a line and ask.

[bonnit]

will do thanks for the advice