theme isn't displayed properly in ie8

The theme is definitely not intended for out-dated browser versions.

However, if you detail the specific issues we may be able to provide a solution.

We can try and assist if you can provide more specific details.

Also, if you have Google Analytics installed you can see the percentage of your visitors that actually use IE.

Web design is like any other aspect of business, you have to weigh the pros and cons and see what’s best for the majority of your visitors. No website can look perfect across all browsers, devices, operating systems etc. The theme itself is coded validly and is standards-compliant. While IE9+ has become a lot more usable, older versions are very problematic and there’s simply nothing we can do about that.

normal appearance  [IMG]http://i.imgur.com/9BLwqVG.jpg[/IMG]

abnormal  [IMG]http://i.imgur.com/SMwF1rS.jpg[/IMG]

unable to get a screenshot of the  transparent ul background, since when I click to get the shot, the dropdown closes….

these are all taken  on a virtual machine  /WINXP  / IE8  running on a MacPro…    chrome, firefox IE9 run OK,  but Opera does not look good  either, same probs as IE8

startuppro-child style.css:

http://pastebin.com/1an785k9

startuppro options:

http://pastebin.com/MktR4rWr

splash template (splash.php):

http://pastebin.com/91fYqt72

Thank you!

I have added the following to the  child.css in order to get control over IE8 dropdowns:

(for anyone else having the same troubles:  distorted nav ul and  ul li text sizes and empty (transparent) drop down backgrounds …  )

nav{position:relative;border-radius:5px;margin-top:0;background-color:#333;background-image:url(images/nav-bg.png);
background-repeat:repeat-x;clear:both}
nav ul.menu{padding-left:4px}
nav .parent > a, nav .parent > a:hover{background-image:url(images/arrow.png);background-position:right;background-repeat:no-repeat}
nav ul ul .parent > a, nav ul ul .parent:hover > a:hover, nav ul ul li:hover ul .parent >
a, nav ul ul li:hover ul .parent > a:hover{background-image:url(images/arrow-right.png);background-position:right;background-repeat:no-repeat}
nav ul, nav ul li{display:inline}
nav ul li a{display:inline-block;font-family:’lucida grande’,helvetica,arial,verdana,sans-serif;
font-size:12px !important;color:#fff;line-height:38px !important;text-decoration:none;text-transform:uppercase;
font-variant: small-caps;text-shadow:1px 1px 1px #333;padding:0 15px;border-right:1px solid #555}
nav ul.menu li a{margin-left:-4px}
nav ul li a:hover{font-size:12px;color:#fff;text-decoration:none;box-shadow:0 0 5px #000 inset;background:#444}
nav .current-menu-item a, nav .current_page_item a{color:#ccc;text-shadow:none}
nav .current-menu-item .sub-menu a, nav .current_page_item .children a{color:#fff;text-shadow:1px 1px 1px #333}
nav ul > li:first-child a:hover{border-radius:5px 0 0 5px}
nav .sub-menu li a, nav .children li a{border-radius:0 !important}
nav li .sub-menu{margin-left:-4px}
nav ul li{position:relative}
nav li ul{display:none;position:absolute;top:29px}
nav li ul a{background:#666}
nav ul ul li:hover ul, nav ul ul ul li:hover ul{margin:-34px 0 11px 179px}
nav ul li:hover ul{display:inline-block}
nav ul ul, nav ul li:hover ul ul, nav ul ul li:hover ul ul{display:none}
nav ul li:hover ul, nav ul ul li:hover ul, nav ul ul ul li:hover ul{display:block;z-index:2147483647}
nav ul li:hover ul li a, nav ul ul li:hover ul li a, nav ul ul ul li:hover ul li a{font-size:12px !important;
line-height:30px!important;width:150px;padding:0 14px !important;border:1px solid #444;margin:-1px 0 0;opacity:0.9}
nav ul li:hover ul li a{background:#666}
nav ul ul li:hover ul li a{background:#666}
nav ul ul ul li:hover ul li a{background:#666}
nav ul li:hover ul li a:hover, nav ul ul li:hover ul li a:hover, nav ul ul ul li:hover ul li a:hover{background:#555;opacity:1;box-shadow:none}

I still have trouble with the sub menu li being indented after being clicked… clear the cache, then it is OK until the next click.

http://sfpontona.se

it’s in Swedish, but just click on the menu  “produkter”  and the click on  one of the produkter , then click on the logo in the menu, then look at the drop down under produkter again….  everything that you clicked on is now indented…

Here it is:  http://imgur.com/YiQXZpK

the menu items started out as left aligned, after becoming visited links, now they are center aligned.  only on splash page, they are OK on the dynamic pages.

I do appreciate your help, I realize that IE8 is obsolete, but my workplace has another opinion on the matter…

Thank you .