Link shifts up on hover in IE6

Hi guys!

Look here at this site: http://labs.depi.sk/sutaze-a-ankety/ in IE6. When you try to go over the link on the polls answer it shifts up. (on hover)

When the link is not in the span then it is O.K. in IE too, but I need this span because of the AJAX in the poll.
(be careful when voting - you can click only once to the link, then it changes to nonclickable span)

The code looks like this:

<span class="donotvote" id="0"><a href="javascript://" onclick="xajax_hlasuj('1', '0');" id="hlasuj1-0">Hlasovaním cez kupóny v tlači</a></span>

Code (markup):

Please does anyone of you know what to do? I can't find any solution to this CSS bug

Thanks.

 

It probably has something to do with your CSS code for the span or the links, can you include the relevant CSS code ?

 

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

#header a.logo {
	background: url("images/logo.jpg") no-repeat;
	display: block;
	float: left;
	height: 194px;
	width: 180px;
}

#body a, #partner-links a, #credits a{
	background: url("images/yellow-dot.gif") repeat-x bottom;
	color: #dbd00d;
	font-weight: bold;
}

#body a:hover, #partner-links a:hover, #credits a:hover {
	background: #dbd00d;
	color: #000;
	font-weight: bold;
}


#second-column div.poll {
	background: #000 url("images/form-input-bg.jpg") repeat-x;
	border: 2px solid #3b3324;
	margin: 0 0 20px 0;
	padding: 5px;
	width: 100%;
}

#second-column span.pollbar-full {
	border: 1px solid #fff;
	display: block;
	height: 21px;
	margin: 5px 0 10px 5px;
	width: 100%;
}

#second-column span.pollbar-percent {
	background: #3b3324; /*url("images/form-pattern.jpg") repeat*/
	display: block;
	text-align: center;
}

#second-column span.donotvote {
	color: #dbd00d;
}

Code (markup):

More is right there: http://labs.depi.sk/style.css

 

At the bottom of your stylesheet add :
* html #second-column div.poll span {display:inline-block;}
to fix a hasLayout problem

 

Dan_A: Wow, thank you very much. I've added you a reputation.
Could I ask you where I can find more informations about this "hasLayout" problem, because it is new to me and I'm really interested in it.

 

I also have problem there with the menu - where on hover appears the small white bat. On the "členská zóna" and "súťaže & ankety" it does not appears.

 

You are using sutazeaankety in your css and sutaze-a-ankety in your html
Same problem with clenska-zona

 

I'm today really blind.
So thank you second time! I really appreciate it!