problem looking at my site in IE

[Ash]

For me when I look at my site in firefox it looks how I want it to but I looked at it in IE just to check and it looks different you'll see why. Is there any way to make it look the same?

Link >> http://bombasticus1.110mb.com/contact.html <<

[webmaster]

One common thing to do is to add a margin and a padding. To all your DIVs, so if you don't have any, add one (it could be 0). You can also try to specify the width for all your elements.

[Ash]

Sorry to sound dumb but I don't usually use DIV's so how do I add them?

[webmaster]

Add a width command in the css-file (images/style.css) for the classes: 'menu' and 'main'

[Ash]

I can't make heads or tails of this CSS so i'll show you the code you said about.

Code: Select all

/* Main Content */

.main {
border: 1px solid #393939;
margin: 2px 161px 0 25px;
padding: 1;
width: 505px;
}
.main h2 {
background: #ddd url(h2_image.gif);
border-bottom: 1px solid #393939;
color: #000;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 1;
padding: 2px 0 0 5px;
}
.main p {
font-size: 110%;
margin: 1px;
padding: 2px;
line-height: 16px;
}
.main p.date {
color: #555;
font-weight: bold;
font-size: 11px;
margin: 0 0 5px 0;
text-align: left;
}
.main p.posted  {
color: #bbb;
font: bold 11px "Trebuchet MS", Verdana, sans-serif;
line-height: normal;
text-align: left;
margin-bottom: 10px;
padding: 3px;
border-top: 1px dashed #ccc;
}

/* Menu */

.menu {
display: inline;
float: right;
margin: 3px 25px 0px 0px;
}
#navlist
{
font: 10px verdana, arial, tahoma, sans-serif;
list-style-type: none;
padding: 0px;
margin: 0px;
}
#navlist h2.current
{
background: #ddd url(h2_image.gif);
color: #333;
font: bold 12px verdana, arial, tahoma, sans-serif;
border: 1px solid black;
padding: 2px;
margin: -3px 0 -2px 0;
}
#navlist a
{
display: block;
color: #222;
text-decoration: none;
font: normal 9px verdana, arial, tahoma, sans-serif;
width: 130px;
background: #fff;
border: 1px solid black;
padding: 2px;
margin: -3px 0 -2px 0;
}
#navlist a:hover
{
color: #333;
text-decoration: none;
background: #C2D7EB;
border: 1px solid black;
}
#navlist p
{
display: block;
color: #222;
text-decoration: none;
font: normal 9px verdana, arial, tahoma, sans-serif;
width: 130px;
background: #eee;
border: 1px solid black;
padding: 2px;
margin: -3px 0 -2px 0;
}