#smallcontainer { border-bottom: 1px dashed #999999; margin-top: 25px; margin-bottom: 5px;}
.smallcontainer { border-bottom: 1px dashed #999999; margin-top: 25px; margin-bottom: 5px;}
<div id=\"smallcontainer\">
<div class=\"smallcontainer\">
I am working on a site that displays perfectly in firefox/ie7 etc.. but when it is opened in ie6 text randomly disappears on two pages...
This is ultimately frustrating considering i have spent 99% of the time on the site trying to look for a way around this mess.
The pages that are not displaying properly are:
http://www.pixeltweaks.com/forge/ourwork.html
http://www.pixeltweaks.com/forge/insights.html
any suggestions? don't be to harsh....the code will probably be alot choppier than what you are used to :mrgreen:
First, change:
#smallcontainer {border-bottom: 1px dashed #999999;
margin-top: 25px;
margin-bottom: 5px;
}
to
.smallcontainer {border-bottom: 1px dashed #999999;
margin-top: 25px;
margin-bottom: 5px;
}
Then change all of the
to
Looks like you might also have a couple extra </div>'s. Make sure to run your pages through the validator, that'll usually help you find problems between browsers:
http://validator.w3.org/check?uri=http% ... ne&group=0