タイトルはそれをすべて説明しています。ここに私が持っているスクリーンショットがあります
IE8: http://screencast.com/t/Sc4XXe8jFfu9
IE7: http://screencast.com/t/xeyRCzXN3
少し奇妙ですが、優先順位が正しくないため、Web サイトで多くの css の問題が発生しています。
ティア
編集
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getThemePath();?>/css/bootstrap.css" />
<!-- <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getThemePath();?>/css/responsive-nav-media.css" /> -->
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getThemePath();?>/css/responsive-nav.css" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('typography.css')?>" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('main.css')?>" />
<!--[if IE]>
<style type="text/css">
body#theme-wrapper #header {
position: relative;
}
</style>
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getThemePath();?>/css/ie.css" />
<![endif]-->
<script type="text/javascript" src="<?php echo $this->getThemePath();?>/js/modernizr.custom.js"></script>
<script type="text/javascript" src="<?php echo $this->getThemePath();?>/js/grayscale.js"></script>
<script type="text/javascript">
Modernizr.load([
{
test : Modernizr.mq('only all'),
nope : '<?php echo $this->getThemePath();?>/js/respondjs.js'
}
]);
</script>
<script type="text/javascript" src="<?php echo $this->getThemePath();?>/js/responsive-nav.js"></script>
<script type="text/javascript" src="<?php echo $this->getThemePath();?>/js/bootstrap.min.js"></script>
<link href="http://fonts.googleapis.com/css?family=Raleway:400,100,700" rel="stylesheet" type="text/css" />
</head>