<RESOLVED>menu in IE.....again

[mcktj]

Hi,

I posted a message on the the forum a week or so ago, and the issue was sorted but now something else is wrong i have included the code that i think is the problem from my stylesheet and a link to my site, it works the way i want it to in opera but not IE havent check firefox.

Thanks in advance

Terry

site: http://www.artni.biz

Code: Select all

/* navigation */
.navigation {
	background: #bababa url(img/nav.gif) repeat-x; 
           height: 30px;	
}


.navigation a:hover,.navigation a#active {
           background-position: left bottom; 
           color: #111;
}

.navigation a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 1px solid #000;
	color: #bababa;
	float: left;
	font: bold 1em sans-serif;
	padding: 0 14px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}


/* Clearfix */	
.clearfix:after {
display: inline-block;
height: 30px;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

[mcktj]

No suggestions? please?

[mcktj]

Hi all,

i played around with the style sheet seeing what maybe causing this problem, it seems to be the line-height i did a bit of research and it seems that IE is really bad at handling this when an image is embedded into the css, would anyon have a work around?

cheers

mcktj

[Nullig]

Apply a different style for IE6 using the hack

* html div#yourdiv {
your styles for IE6
}

Nullig

[mcktj]

thanks for the response

would you be able to give an example? my problem is that im no too sure what is causing the problem in the first place, any help would be greatly appreciated.

cheers

[Nullig]

Like this:

* html .navigation a {
line-height: 16px;
}

Nullig

[mcktj]

cheers i will give it a try.

thanks again

[mcktj]

well i gave it a go, it does seem to remove the grey bar that was underneath in IE but now the rollover effect is very small.  am i going to have to start from scratch with this one again?



mcktj

[mcktj]