Hello,
My first attempt at image rollovers in CSS is unusuccessful. Any help would be appreciated....

----Html------
<code>
<div class="col-4 maxheight">
<a href="../strategy/strategy.html" style="text-decoration: none">
<div class="box4 maxheight">
<div class="indent">
<span style="color: #C0C0C0">Entry Level / Student</span>
<h4 style="color: #C0C0C0">Strategy</h4><span class="style7"></span>
</div>
</div></a>
</div>
</code>

----CSS-----
<code>
.boxes{ width:820px; overflow:hidden;}
.boxes .col-4{ width:205px !important; margin-left:1px;}
.box4{ background:url("../images/box4-tailgrey.gif") top repeat-x #999999; color:#999999;}
.boxes .indent{ padding:25px 15px 31px 24px; position:relative;}
.box4 a{ color:#ff9967;}
.box4 a:hover{ background:url("../images/box4-tail.gif") top repeat-x #c23605; color:#ff9967;}
</code>

Thanks in advance

check your images. looks like it's pointing to your hard drive instead of a directory on your server

Provide us your files hierarchy. Probably you've missed files relation

This is a little messy.
You have .box4 a:hover, which is looking for an anchor 'inside' something with the class of .box4 but there is no anchor in there?

To target that anchor you'd need to to something like
.col-4 a:link
and so on...