Background and Navigation flawed in IE7

HTML & CSS
1

The following background property is not displaying correctly in IE7;

#videos li a:hover {
background:url(“”)1px 31px no-repeat;
}

The navigation is not displaying correctly in IE7 compared with IE 8/9.

2

he following background property is not displaying correctly in IE7;
#videos li a:hover {
background:url(“”)1px 31px no-repeat;
}

You need a space after the bracket containing the url.


:url("") 1px 31px

The navigation is not displaying correctly in IE7 compared with IE 8/9.

Try adding this rule shown in bold:


#nav ul {
	float:left;
	clear:left;
	display:none;
	margin-top:-5px;
}
[B]*+html #nav ul{	margin-right:-100%;}[/B]
3

The navigation is not working in IE7. I hope I didn’t setup my conditional comment incorrectly ? Everything looks good.

4

Try reverting to the absolute method for Ie7 only.

In the IE7 only css file change to this:


#nav ul{
	position:absolute;
	top:1.2em;
	left:0;
	float:none;
       margin:0!important;
}
5

No progress :frowning:

6

You need to have a space before the 7 in the conditional comments. (if IE 7)

Like this:


<!--[if IE 7]>
  <link href="/construction/css/ie7.css" rel="stylesheet" type="text/css"> 
<![endif]-->
7

No Progress :frowning:

8

On the contrary, your menu now behaves the same in IE7 and later.

Have you tried emptying your cache and refreshing?

9

I cleared the cache. I had to switch from IE x64 to IE x32 to notice, I have to investigate IE x64. It works on my end.
I would appreciate if someone could break down the rules and Paul supplied to make it work, and why those specific rules had to be applied for IE7. ?

How do you know what to do for IE7, paul ?

10

Years of practice:)

The submenu was floated which was because originally you wanted the bottom border to move down when the submenu appeared so the submenu had to stay in the flow. Light years ago I gave you a working example which also worked in IE7 but along the way you changed the menu completely. In your new menu state there is no benefit for the submenu to be in the flow so I placed it absolutely which is easier for IE7 too understand and is the normal way that you make drop down menus.

11

Years of practice :slight_smile: There is probably so many little bugs with IE I suppose you have to have most of them memorized.