No replies
craigtaylor74
craigtaylor74's picture
Offline
Regular
Barcelona
Last seen: 15 years 45 weeks ago
Barcelona
Timezone: GMT+1
Joined: 2004-02-04
Posts: 31
Points: 0

can anyone tell me why the following declaration makes divs on my page move position in Internet Explorer 6?

#languages{ 
/*height has to be big enough to stop other elements moving down page when <a> is hovered on */ 
position:relative; 
background:#F9F7F2; 
color: #665531; 
width:90%; 
height:32px; 
margin: 0px auto 3px auto;	 
font: 18px; 
} 
#languages ul { 
margin:2px; 
list-style-type: none; 
} 
#languages li { 
float: left;  
width: 80px; 
margin: 0px 2px 0px 0px;  
text-align: center; 
} 
#languages a { 
display: block;  
width: 77px;  
padding: 4px; 
text-decoration: none; 
} 
#languages a:hover { 
background: #F9F7F3; 
color: #F99000; 
font: 18px; 
} 

I reduced my code bit by bit and found an oddity with the background property in languages a:hover (without it doesn't mess up) but then I try and make the changes to my original code and it makes no difference . Is there anything I can do other than skip it?
I have also attached the xhtml and css in their most basic form in case that is of any help.
Thanks.
Craig

http//www.ctam.co.uk