Problem displaying site in IE7 and IE8

Have a look in the how to section there is a post about centering.
Older IE versions need to use text-align:center; on the container.
If your site is in quirks mode or not in standards mode, then IE treats it like IE6.

There seems to be something strange going on with my span tag "menu"

You can see the blue outline below.

ie7 mode - width of span is longer than content

ie8 and above - width is the size of the content, but height is bigger

Chrome has the same issue, the height is bigger than content

Are you using something to help IE7 and 8 understand HTML5 new elements?

Yes I am

<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<!-- Style sheet for PC computers -->

// JavaScript Document
/**
 * IE hacks for HTML5 tags
 *
 * @package WordPress
 * @subpackage Constructor
 *
 * @author   Anton Shevchuk <[email protected]>
 * @link     <a href="http://anton.shevchuk.name" rel="nofollow">http://anton.shevchuk.name</a>
 */
function html5forIE(){
    var html5elmeents = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video".split('|');
    for(var i = 0; i < html5elmeents.length; i++){
        document.createElement(html5elmeents[i]);
    }
}
html5forIE();

feed the shiv script to IE<10. IE9 is not supportive of html5.

cheers,

gary

You can talk with friends, brainstorming on the other hand, you can also check the Internet so the answer a little more authority. I think these are a good way to solve the problem. Good luck to you!

link removed