Hi there guys.
I'm having an issue at this page.
[
flamefusion.net...]
You see, in IE8 and all other non-IE browsers, the top menu has 3 items. 2 non-selected, and 1 selected.
These 3 items are: "Home", "Services" and "Software projects".
In the given URL, the item "Services" is selected. In IE8 and all other non-IE browsers, this makes the item black as intended, whereas on IE7, the item is not even there at all.
The CSS I use for the UL-tag on all browsers is:
margin-left:auto;margin-right:auto;padding-left:10%;padding-right:10%;display:block;list-style-type:none;
Now, the CSS I use for the selected-style LI-tag on IE8 and all other non-IE browsers is:
display:inline-block;
That works fine, but needs an alternative in IE7 or earlier, so I currently tried making a work-around, where I am right now giving IE7 and IE6 users the following CSS for the selected-style LI-tag:
float:left;margin-left:auto;margin-right:auto;display:none;vertical-align:top;overflow:hidden;
Whereas the link (A-tag) inside the selected LI-tag is cleared in IE8, and has the following style in IE7 and below:
float:left;
I tried explaining this as well as I can. If you think this is a too long message, you might be able to do better if you just check out the source-codes. Just keep in mind that the browser-specific CSS is sent server-side.
