В хроме все отображает корректно, а после того как перенес в вордпресс стал неправильно отображать. Скорее всего что то в таблице стилей??
Помогите исправить.
HTML код
<!DOCTYPE html>
<html lang="ru-RU">
<head id="page_header" role="banner">
<!--[if lt IE 9]>
<script type="text/javascript">
document.createElement("nav");
document.createElement("header");
document.createElement("footer");
document.createElement("section");
document.createElement("aside");
document.createElement("article");
</script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css">
<title>AvesomeCo Blog</title>
<h1>AvesomeCo Blog!</h1>
<nav role="navigation">
<ul>
<li><a href="/">Latest Posts</a></li>
<li><a href="/archives">Archives</a></li>
<li><a href="/contributors">Contributors</a></li>
<li><a href="/contact">Contact Us</a></li>
</ul>
</nav>
</head>
<body role="document">
<section id="sidebar" role="complementary">
<nav>
<h3>Archive</h3>
<ul>
<li><a href="2013/10">October 2013</a></li>
<li><a href="2013/10">September 2013</a></li>
<li><a href="2013/10">August 2013</a></li>
<li><a href="2013/10">July 2013</a></li>
<li><a href="2013/10">June 2013</a></li>
<li><a href="2013/10">May 2013</a></li>
<li><a href="2013/10">April 2013</a></li>
<li><a href="2013/10">March 2013</a></li>
<li><a href="2013/10">February 2013</a></li>
<li><a href="2013/10">January 2013</a></li>
</ul>
</nav>
</section>
<section id="pledge">
<header>
<h3>Our Fundraising Goal</h3>
</header>
<meter title="USD" id="pledge_goal"
value="2900" min="0" max="5000"
$2900.00
</meter>
<p>Help us reach our goal of $5000!</p>
</section>
<section id="posts" role="main">
<article class="post">
<header>
<h2>How Money Should We Put You Down For?</h2>
<p>Posted by Brian on
<time datetime="2013-10-01T14:42">October 1st, 2013 at 2:42PM</time>
</p>
</header>
<aside>
<p>
Посмотрите на эту женщину - и запомните ее навсегда!
Мир не cтал безнравственным только сейчас - он всегда был таким...
</p>
</aside>
<p>
Главная перемeна в жизни героя, после того, как жена ему изменяет — что у него
диагноcтируют биполяpное расcтройство, и он 8 месяцев проводит в пcихушке.
После чего по решению суда не должен с ней встречаться.
</p>
<p>
Награду не всегда получает тот, кто достоин её более других.Недавно,
в возрасте 98-и лет умерла женщина по имени Ирена Сандлер. Во время Второй
мировой войны Ирина получила разрешение на работу в Варшавском гетто в качестве
сантехника/сварщика. У неё были на то "скрытые мотивы".
Будучи немкой, она знала о планах нацистов по поводу евреев.
На дне сумки для инструментов она стала выносить детей из гетто,
а в задней части грузовичка у неё был мешок для детей постарше.
Там же она возила собаку, которую натаскала лаять, когда немецкая
охрана впускала и выпускала машину через ворота гетто. Солдаты, естественно, не хотели...
</p>
<footer>
<p><a href="comments"><i>25 Comments...</i></a></p>
</footer>
</article>
</section>
</body>
<footer id="page_footer" role="contentinfo">
<p>© 2013 AvesomeCo.</p>
</footer>
</html>
CSS код
body{
width:960px;
margin:15px auto;
font-family: Arial, "MS Trebuchet", sans-serif;
}
p{
margin:0 0 20px 0;
}
p, li{
line-height:20px;
}
header#page_header{
width:100%;
}
header#page_header nav ul, #page_footer nav ul{
list-style:none;
margin:0;
padding:0;
}
#page_header nav ul li, footer#page_footer nav ul li{
padding:0;
margin:0 20px 0 0;
display:inline;
}
section#posts{
float:left;
width:74%;
}
section#posts aside{
float:right;
width:35%;
margin-left:5%;
font-size:12px;
line-height:12px;
}
section#sidebar{
float:left;
width:25%;
}
footer#page_footer{
clear:both;
width:100%;
display:block;
text-align:center;
}
fieldset{
width:216px;
}
fieldset ol{
list-style:none;
padding:0;
margin:2px;
}
fieldset ol li{
margin:0 0 9px 0;
padding:0;
}
fieldset input{
display:block;
}