I have a background image in a table and the image will not display. Any suggestions?
[code=html]
<table class=”postit”>
<tr>
<td>
<div id=”postit” style=”height: 208px; width: 250px; position: relative; top:-36px; left:0px; overflow:auto;”>
<asp:Repeater ID=”repeaterBlog” runat=”server” DataSourceID=”dsBlog”>
<HeaderTemplate>
<img src=”images/postitSep.jpg”/>
</HeaderTemplate>
<ItemTemplate>
<div style=”text-align:left”><%#XPath(“date”)%></div>
<div style=”text-align:center”><%#XPath(“message”)%></div>
<div style=”text-align:right”><%# XPath(“sig”)%></div>
</ItemTemplate>
<SeparatorTemplate>
<img src=”images/postitSep.jpg”/>
</SeparatorTemplate>
<FooterTemplate>
<img src=”images/postitSep.jpg”/>
</FooterTemplate>
</asp:Repeater>
</div>
</td>
</tr>
</table>
The CSS
[CODE]
BODY
{
background-color:#CFE6CF;
text-align:center;
font-family:Tahoma;
font-size:small;
color: #444041;
margin: 0px;
}
.postit
{
background-image: url(“images/palmpostit.jpg”);
background-attachment: fixed;
background-repeat: no-repeat;
height: 306px;
width: 290px;
}
It is not displaying in IE at all and very distorted in Firefox. Thanks in advance!