Previous Message
Next Message

safari drop down css menu quirk

Sent by Owen Williams on 7 December 2005 05:05


Hey everyone,

I've been fighting with a weird issue in Safari with my drop down  
menus. All the other browsers I've tested seem fine. When I hover  
over the list item, the text jerks over to the left. My lists are  
text-aligned right. After I hover over a list item once, it stays  
where Safari thinks it should be until I refresh. It's not a huge  
problem, but really annoying. Done a bunch of searching but haven't  
found anything. Any clues from the list?

Info below.

Thanks,
Owen


site:
http://dev.friendsofmatthew.org/
css:
http://dev.friendsofmatthew.org/style2.css

What I think is the relevant CSS (just learning, please excuse  
anything the appears crazy):

#topnavbar {
font: bold 12px Geneva, Arial, Helvetica, sans-serif;
width: 750px;
height: 15px;
background-color: #007ED3;
margin: 0px;


}

#topnavbar li {
float: left;
position: relative;
width: 150px;
color: #FFFFFF;
text-align: right;

	
}

#topnavbar li.left a {

float: left;
position: relative;
text-align: left;
color: #FFFFFF;
text-indent: 2px;
font-weight: bold;

}

#topnavbar li.left a:hover{
float: left;
position: relative;
text-align: left;
text-decoration: underline;
color: #FFFFFF;
text-indent: 2px;
font-weight: bold;
}


#topnavbar li ul {
display: none;
position: absolute;
top: 1em;
left: 0px;
width: 150px;
}


#topnavbar li > ul {
top: auto;
left: auto;

	
}

#topnavbar li:hover ul, #topnavbar li.over ul {
display: block;


}

#topnavbar li li {

width: 146px;
height: 15px;
border: 1px solid #cccccc;
padding-right: 2px;
color: #FFFFFF;
text-decoration: none;
background-color: #007ED3;


}

#topnavbar li li.top {

margin-top: 2px;

}

#topnavbar li li a:hover {

text-decoration: underline;
background-color: #007ED3;
font-weight: bold;
}

#topnavbar li li a {

color: #FFFFFF;
text-decoration: none;
background-color: #007ED3;
font-weight: bold;

}


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: