No replies
muaddib1
Offline
newbie
Last seen: 14 years 10 weeks ago
Joined: 2008-02-17
Posts: 1
Points: 0

I saw some threads that got close to this issue but I thought display: inline; would fix it for IE 6 &7 but it hasn't. I'm a very green newbie please go easy on me. Here is my xhtml and css. The margins between my background-images in my "navcontainer" div are wider in IE 6 and 7.






Mina & Co.





@import "test.css";


html {
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif;
width: auto;
background-color: #F9F6EA;
}
p {
width: 500px;
font-size: 10pt;
margin-top: 0px;
line-height: 20px;
text-align: center;
margin-left: 192px;
background: transparent;
}

ul { }

li {
}

h1 {
width: 500px;
margin-top: 0px;
margin-left: 192px;
line-height: 20px;
font-size: 11pt;
text-align: center;
background: transparent;

}

a:link {
font-weight: bold;
text-decoration: none;
color: #fff;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #fff;
}
a:hover, a:active {
color: #845944;
}

#container {
width: 750px;
margin: 0px auto;
}

#container-top{
width: 750px;
height: 40px;
background-image: url(../images/top.gif);
background-repeat: no-repeat; }

#navcontainer {

width: 750px;
font-size: 11pt;
height:400px;
background-image: url(../images/middle.gif);
background-repeat: no-repeat; }

#navcontainer ul {

width: 500px;
height: 40px;
margin-left: 174px;
margin-top: 0px;
padding-left: 36px;
list-style-type: none;
background-image: url(../images/inside-top.gif);
background-repeat: no-repeat;
}

#navcontainer ul li {
float: left;
display: inline;
background: transparent;
}

#navcontainer ul li a {
float: left;
display: inline;
text-decoration: none;
font-size: 10pt;
margin-left: 8px;
text-align: center;
line-height: 28px;
width: 106px;
background-image: url(../images/menu-tab.gif);
background-repeat: no-repeat;
}

#container-bottom {

width: 750px;
height: 70px;
background-image: url(../images/bottom.gif);
background-repeat: no-repeat;
}

#container-bottom .footer {
width: 520px;
height: 20px;
margin-left: 182px;
font-size: 8pt;
text-align: center;
color: #BBAB92;
}
#container-bottom .footer a:link, #container-bottom .footer a:visited {

}