I mean trying to do something different is good, and to be honest there is probably some script somewhere to help you do it – there isnt much left that you can’t do with a website. If its a blog/business style site you have to think about what your visitor is going to be doing, most would only be on the page for a few seconds, and would not appriciate the beautiful resizing action you spend hours developing :)
What was sticking it out was the default margin that IE was giving to the UL tag. so a quick margin:0; sorted that.
IE likes to make up its own rules about how it sees margins and padding, so its always best to use the "left" "top" to get it in the right place.
Other than that I changed a few other parts of your code.
I removed the div that contained the UL menu, because UL is a block element, just like a DIV is, so you had effectivly wrapped a DIV in a DIV, no need because you can just style the UL exactly like a DIV.
You dont need jquery to make something change when you hover over it, like your menu. Instead of making the li.active class, you could have just done li:hover. You will see in the CSS I have done.
again big thanks for what you’ve done and explaining it to me.
I thought, when we reset the margin and padding in the html and body tags, it also rest it in all other tags afterwards.
Didn’t know, that <ul> is like a div and have a standard margin in IE, where can i find such individual characteristics for browsers? Is there any resource?
And already didn’t know that there are pseudo-elements for <li>. Just know like this a:hover for links.
Thanks a lot, without you I would like to just make a picture and put it on the website :D
/* to preserve line-height and selector appearance */
/*to enable resizing for IE*/