Hello.. I hope I'm posting this in the correct forum.
But, I created a module which takes the DNN search and customizes the search text box and the search button. The search "asp:button" is be assigned a background to an image URL via CSS with a hover being assigned another image. Gives it mouse-over effect which the website has plenty of and they like.
The issue is that IE8 is the only browser which isn't displaying the images at all; SURPRISE, not. I've tested this in Chrome, Firefox and Opera and they work in all three. IE8 is the only one which has issues with it.
If I use the IE8 developer tools, there is an entry for .search button; background-image : url(images/search_off.png); HEIGHT: 23px.
Can anyone assist or have an idea on what I can do to resolve this since most of our visitors are IE browsers. Thanks.. -Jeff
SearchInput.ascx
<table cellspacing="1" cellpadding="1" summary="Search Input Table" border="0">
<tr>
<td valign="baseline">
<asp:textbox id="txtSearch" runat="server" Wrap="False" Width="108px" columns="35" maxlength="200" Text="Search..." onclick=" if( this.value == 'Search...' )this.value='';" Height="23" />
</td>
<td valign="middle">
<asp:Button id="cmdGo" CssClass="searchbutton" runat="server" Width="64px" />
</td>
</tr>
</table>
Module.css
.searchbutton
{
background-image: url(images/search_off.png);
height: 23px;
}
.searchbutton:hover
{
background-image: url(images/search_on.png);
height: 23px;
}