Hey everyone, I recently created an HTML5 page and utilized the <section> tag. However, I'm encountering issues with the CSS file I'm using. It seems to work perfectly on Firefox, but the layout is all over the place when viewed on Chrome and IE8. Below is a snippet of my CSS code:
body {
background-color:silver;
}
header, nav, article, footer, section, aside {
display:block;
outline-style:groove;
outline-color:Black;
outline-width:thin;
line-height:normal;
margin-bottom:5px;
}
header {
background-color:gray;
}
nav {
float:left;
width:20%;
min-width:120px;
background-color:White;
}
nav h1 {
font-size:large;
}
nav li {
list-style-type:none;
}
section {
margin-left:1%;
float:left;
width:63%;
}
aside {
background-color:White;
float:right;
width:15%;
}
article {
/* float:right; */
float:left;
margin-left:4px;
width:99%;
background-color:White;
}
footer {
clear:both;
width:100%;
background-color:White;
font-size:100%;
}