Kod:
#logo{
position:absolute;
left:0;
top:0;
line-height:80px;
height:80px;
width:80px;
list-style-type: none;
display: block;
background-color:#CCCCCC;
color:#FFFFFF;
}
#logo a { color:#FFFFFF; display: block; text-decoration: none;}
#logo a:hover { background-color:#FFCC00; display: block;}
Kod:
#menu{
font-size:16px;
font-weight:bold;
text-align:center;
line-height:40px;
height:40px;
width:100px;
float:left;
border-width:0;
border-right-width:1px;
border-style:solid;
border-color:#FFFFFF;
background-color:#333333;
display: block;
list-style-type: none;
}
#menu a { color:#FFCC00; display: block; text-decoration: none; }
#menu a:hover { background-color:#FFCC00; color:#333333; display: block;}
Aynen kullandığım şekilde kopyaladım. İkisini de aynı sayfada kullanıyorum,
Firefox'da hiç bir
sorun yok.
Ama ie de; birinde herşey normalken(mausu divin üstüne getirdiğimde link görevini görüyor), diğerinde(alttaki) mausu divin üstüne getirmem yetmiyor, yazının üstüne getirmem gerekiyor. Siz arada bir fark görebiliyormusunuz?
Ayrıca aynı yöntemle background olarak imaj kullandığımda
Firefox'da hover konumunda resim değişirken ie de değişmiyor.
Sizce neden?