PLease I am not finding it comfortable the way IE9 amd Firefox disaggree with my new building site,each time I view the site firefox aggree with my codes but IE9 never.
Please can you copy this CSS and past on Notepad as well as this index below to view it with these two blowsers IE9 and Firefox, and tell me what to, I plead, I would be very greatful.
Index.html
<html>
<head>
<link rel="stylesheet" href="format.css">
<title>Traveling West On Vacation.</title>
</head>
<body>
<div id="topnav">
<ul id="navbar">
<li><a class="x">Home</a></li>
<li><a href="california.html">california</a></li>
<li><a href="rockies.html">The Rockies</a></li>
<li><a href="midwest.html">The Midwest</a></li>
</ul
</div>
<div id="clear"></div>
<h1>Traveling West</h1>
<p>When you go West, be sure to visit the sights of California, the natural wonders of the Rockies, and the cities of the Midwest.</p>
<p><a href="infoform.html">Get more information about Western Travel mailed to you.</a></p>
</div>
</body>
</html>
css
body {
background: #FFFFFF;
}
h1 {
font-family: verdana,helvetica,sans serif;
font-weight: bold;
font-size: 16pt;
}
h2 {
font-family: verdana,helvetica,sans serif;
font-weight: bold;
font-size: 14pt;
}
h3 {
font-family: verdana,helvetica,sans serif;
font-weight: bold;
font-size: 12pt;
}
p {
font-family: arial,helvetica,sans serif;
font-size: 10pt;
}
li {
font-family: arial,helvetica,sans serif;
font-size: 10pt;
}
a {
color: #FF0000;
}
#links {
background: #cccccc;
float: left;
width: 200px;
margin: 20px 0 0 0;
padding: 10px;
}
#content {
background: #ffffff;
margin: 0 0 0 220px;
}
#topnav {
background: #cccccc;
width: 100%;
}
#navbar {
background: #cccccc;
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
#navbar li {
display: inline;
}
#navbar li a {
background: #cccccc;
float: left;
padding: 5px 20px;
}
#clear {
clear: both;
}
#navbar li a.x {
background: #000000;
color: #ffffff;
font-weight: bold;
}
}
#navbar li a.x {
background: #999999;
color: #ffffff;
}
///