Div ligger inte där den ska i Explorer! Help!
Tjena, läser webbutveckling 1 på gymnasiet och nu är våran uppgift att göra en valfri hemsida med lite olika funktioner, den ska funka till Chrome, Firefox och Explorer, fast jag har fastnat vid ett ställe ganska tidigt, en box ligger där den ska i Explorer, i chrome och firefox sitter den som den ska. Undrar ifall någon kan ta en titt på koden o kolla vad jag har gjort fel? Tack!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ESP</title>
<link href="design.css" rel="stylesheet" type="text/css">
</head>
<body>
<main>
<header></header>
<nav>
<a><img src="Home.png"</a>
<a><img src="store.png"</a>
<a><img src="gallery.png"</a>
<a><img src="about.png"</a>
<a><img src="contact.png"</a>
</nav>
<section>
</section>
<aside>
</aside>
<article>
</article>
<footer>
</footer>
</main>
</body>
</html>
CSS:
@charset "utf-8";
/* CSS Document */
body
{
background: url(background.png) no-repeat;
}
main
{
height: 1500px;
width: 1425px;
margin-right: auto;
margin-left: auto;
}
header
{
width: 400px;
height: 200px;
margin-left: auto;
margin-right: auto;
background-image: url(ESP.png)
}
nav
{
width: 1000px;
height: 80px;
margin-left: auto;
margin-right: auto;
background: rgba(20, 20, 20, 0.9);
}
Nav img
{
margin-left: 28px;
margin-top: 15px;
}
section
{
width: 1000px;
height: 400px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background: rgba(20, 20, 20, 0.9);
}
article
{
margin-top: 10px;
width: 1000px;
height: 1000px;
margin-left: auto;
margin-right: auto;
background: rgba(20, 20, 20, 0.9);
}
aside
{
width: 200px;
height: 300px;
margin-right: auto;
background: rgba(20, 20, 20, 0.9);
float: right;
margin-left: auto;
margin-top: 10px;
}
footer
{
width: 1000px;
height: 150px;
background: rgba(20, 20, 20, 0.9);
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}