Lyn Williams wrote:
> I have a problem with a navigational area in Internet Explorer 7. For
> some reason it views totally different to Firefox (which views
> properly), i'd tried to find some information on why theres a problem
> but it is to no prevail. The url is: www.irn2000.com/public
>
> Hope someone can help.
Hi Lyn
IE7 does not support the pseudo-element :after in this selector
.clearfix:after. Maybe something like this will kick IE7 into line.
*:first-child+html .clearfix {height: 1%;}
The next issue is that the dropdown is going underneath the flash object. This
should help.
#nav {
float: right;
position: relative; /* add */
z-index: 1; /* add */
margin: 0;
padding: 0;
list-style-type: none;
}
I not sure if this will work in any IE version due to z-indexing problems with
IE. If not, then the z-index should be on given to the parent element. Warning,
floating and position:relative can cause more bugs for IE, so testing in any
version that you wish to support is needed.
On text sizing up, the elements in the #searchform div spill out of the div and
begin to slide under the <ul> list below. The height needs to be remove from
the #searchform div.
#searchform {
height: 274px; /* delete */
}
Next is a fix for IE7 since the dropdown is suffering the sticky hover bug.
This should fix it.
#nav li:hover {
background-position: 0 0;
}
I hope this helps
Kind regards, Alan
<http://css-class.com/>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
