I searched the site but didn't see a solution related to this problem. In FF 3.5.4, the "Order your LSU or Saints tee now!" disappears completely. I checked the source code, and it's physically THERE, but it won't display in the FF browser. It DOES, however, display when I "Preview in Firefox" from my local files (Dreamweaver CS3).
This text shows up in IE7. Looks just the way the client asked. The code on my machine and the code on the server is the same, but I guess FF just doesn't like it? Why is this happening? I appreciate anything you can offer. Thank you...
Website in question
This is the inline coding...
CODE
<body>
<h1>
</h1>
<div id="mainContent"><span class="adcopy">Order your LSU or Saints tee now!</span><br />
<span class="index">Women's: S, M, L • Men's M, L, XL.<br /></span>
<img src="images/tees_05.png" width="555" height="305" /><br />
Don't forget to sign up for Ruby's Denim Club (it's FREE!)<br/>
<span class="index"><a href="http://www.shopruby.net/home.html">Click here to continue to ShopRuby.net</a></span></div>
</body>
</html>
This is the CSS...
CODE
#wrapper{
margin:0px;
padding:0px
}
body{
background-image: url(images/body_bg.jpg);
background-repeat:repeat-x;
font-family: "Courier New", Courier, serif;
color: #FFFFFF;
font-size:15px;
line-height: 22px;
margin: 0px;
padding: 0px;
letter-spacing: .05em;
}
h1 {
background-image: url(images/ftbl_ruby_01.png);
background-repeat:no-repeat;
background-position: top center;
width: 381px;
height: 199px;
}
#mainContent{
font-weight: bold;
text-align: center;
}
span.adcopy{
font-size:25px;
line-height: 35px;
}
span.index{
font-size:15px;
line-height: 15px;
letter-spacing: .01em;
}
a{
color:#FFFF00;
text-decoration:none;
}
a: hover{
color:#FFFFFF;
text-decoration:underline;
}
a: visited{
color:#FFFFCC;
}