Textpattern CMS

#1 2006-05-19 11:25:19

ithinkcss

New Member

Registered: 2006-05-18

Posts: 3

Advance: Problem only in IE with overflow: div and hyperlink

hi all…
<br/>
Clues:
1.i display only the half image…in hover shows the other half
2.this is a box model div for dynamic products
3.the hover function works fine
<br/>
The problem:
The hyperlink works everywhere in the main div…exept over the image (only the hyperlink, not the hover)
and i dont know why???? grrr
i remind you that the problem is only in IE not in FF
<br/>
html:
<code>
<div class=“boxnav”><a href=”#”>
<div id=icon_container>
<div id=icon><img src=“image.jpg” border=“0”></div></div>
<div>title</div></a></div>
</code>
<br/>
css:
<code>
div.boxnav { z-index:1; margin: 0pt; font: 11px Tahoma, Arial, sans-serif; white-space: nowrap; height: 140px; width: 18em; float:left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; position:relative; }

div.boxnav div { margin-left: 15px;}

div.boxnav a { text-decoration: none; color: #999; font-weight: bold; display: block; width: 100%; height: 100%; position:absolute; }
div.boxnav a:hover { background-color: #f4f4f4; color: #000066; }
div.boxnav #icon_container { margin-top: 50px; overflow: hidden; width: 75px; height: 50px; }
div.boxnav div#icon { margin:0px;margin-top: -50px;}
div.boxnav a:hover #icon {margin:0px;}
</code>
<br/><br/>
Thanks in Advance

Last edited by ithinkcss (2006-05-19 23:15:02)

#2 2006-05-19 21:42:29

ithinkcss

New Member

Registered: 2006-05-18

Posts: 3

Re: Advance: Problem only in IE with overflow: div and hyperlink

hey 19 people saw my article and noone gave something… come on!

#3 2006-05-19 22:00:46

ithinkcss

New Member

Registered: 2006-05-18

Posts: 3

Re: Advance: Problem only in IE with overflow: div and hyperlink

i have overchecked and it seems that something’s wrong with the :

<code>
div.boxnav #icon_container {

margin-top: 50px;
overflow: hidden;
width: 75px;
height: 50px;
}
</code>