alloydog
New Member
A while back, I was playing with an old iPod (iOS4.2.1), when I visited one of my websites, I found the dropdown menus were not working. I then asked a friend, who has god-knows-howmany Apple devices, and he said the menus did not work on any of them.
I use basic CSS and check it with the W3C validation site, so I think it is OK. I have also done several web searches with keywords like "safari ios css problem" but haven't found anything to help.
The stylesheet is here:
http://satans-kittens.website.org/style.css
The relevant part:
Any ideas what might be wrong?
Thanks
I use basic CSS and check it with the W3C validation site, so I think it is OK. I have also done several web searches with keywords like "safari ios css problem" but haven't found anything to help.
The stylesheet is here:
http://satans-kittens.website.org/style.css
The relevant part:
Code:
/*----------------------------------*/
/* Navigation menus */
.navigation {
height:28px;
margin:0 auto;
padding:0;
clear:both;
text-align:center;
background-color:#d4af37; /*gold*/
border:0;
border-top:solid 1px #e6be8a;
text-shadow:1px 1px #af7817; /*dark goldenrod 4*/
}
.navigation ul {
margin:0 auto;
margin-left:250px;
padding:0;
}
.navigation li {
list-style:none;
float:left;
line-height:28px;
margin:0;
padding:0 6px;
font-family:sans-serif;
font-size:18px;
font-weight:bold;
color:#fbf8f6;
}
.navigation a {
margin:0;
color:#fbf8f6;
text-decoration:none;
}
.navigation a:hover {
margin:0;
color:#ffd700;
}
/* Dropdown */
.navigation ul ul {
display:none;
}
#history {
margin-left:-23px;
}
#community {
margin-left:-10px;
}
.navigation ul li:hover ul {
position:absolute;
z-index:500;
display:block;
border:solid 1px #e6be8a;
}
.drop_down li {
display:block;
float:none;
line-height:24px;
padding:0 6px;
background-color:#d4af37;
font-family:sans-serif;
font-size:12px;
font-weight:bold;
color:#fbf8f6;
border-bottom:solid 1px #e6be8a;
}
#history_menu ul {
margin-left:230px;
}
#history_menu li {
font-size:12px;
}
Any ideas what might be wrong?
Thanks