Thanks for your quick reply Imar. I have tried background-image and all variations of the path, i.e. including ../ at the start, quotes, single quotes etc but no use. I have tripple checked the path and file names and file images and all looks good but it just wont work for me (this is driving me nuts!)... The colour change works fine but no background image change, here is the full page code:
<%@ Master Language="
VB" CodeFile="Site.master.
vb" Inherits="Site" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#menu a:hover, #menu .active a
{
background-image:url(Images/ButtonOver.gif);
color: #FFFFFF;
}
</style>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<link href="Styles/Main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Header" style="background: url(Images/Logo.jpg) no-repeat; background-position: center;"></div>
<div id="menu">
<ul>
<li><a style="background: url(Images/Button.gif) no-repeat center center;" href="Default.aspx" accesskey="1" title="">Home</a></li>
<li><a style="background: url(Images/Button.gif) no-repeat center center;" href="Default.aspx" accesskey="2" title="">About Us</a></li>
<li><a style="background: url(Images/Button.gif) no-repeat center center;" href="Default.aspx" accesskey="3" title="">Products</a></li>
<li><a style="background: url(Images/Button.gif) no-repeat center center;" href="Default.aspx" accesskey="4" title="">Services</a></li>
<li><a style="background: url(Images/Button.gif) no-repeat center center;" href="Default.aspx" accesskey="5" title="">Contact Us</a></li>
</ul>
</div>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>