Double Float Bug - IE
I'm trying to fix a site I'm helping a friend with and in IE it displays the navigation bar as if it stacks on top of each other.
Is this part of the double float error, I tried adding display: inline, but I still have this problem.
URL: http://www.flanels.com/RadiantecHOME.html
CSS: http://www.flanels.com/style.css `
source to share
I kept a local copy and modified #top-navigation
to delete float: left;
.
The top menu seemed to render the same in Firefox and IE, I have no idea what other problems it might create.
One of the problems I see in IE and Firefox is that in addition to the oblique images that I believe are part of the images, there are white vertical stripes (gaps between images).
Another thing is that if the browser isn't wide enough, the top-level menu completes as needed.
source to share
Doesn't look like a double float.
From what I can see from IE dev the <li> in IE does not apply neither display nor float, but the style '# top-navigation ul li' is due to the fact that the field is set to 0. I can see that you are using a transient doctype, so I would start by changing that strictly if you can get out of the complex quirksmode prediction.
As smiller points out, you don't need float and inline, so you have to remove one of them, then I suggest starting to simplify your code to find what the conflict is.
Hopefully changing to strict will sort you out right away.
source to share