Hi - after a flood in the kitchen today - my mind is not the only thing turned to mush! I am experiencing a bit of difficulty getting some product boxes to behave here:
http://www.toolhire2day.co.uk/all-tool-hire

I have got them sort of how i wanted them to look - but something has gone amiss - i need to remove the little arrow to the left of the product image- but leave it at the side of the text link - its a backgound set to another a:link that it is inheriting somehow - the thing is if i try to set that particular one to dispay no backround - for some reason it affects the top nav menu background (and side nav) as well - im wondering if someone can cast an eye on my code and tell me where i have gone wrong!
To tell you the truth - it would be good if someone could put me right here as im not sure this is really the correct way to acheive this - its works - kind of - but is a bit messy. I need a link on the image and on the text - Thanks

HTML Code:
=======================================
<ul class="toolhirepanels"><li class="woodworking"><h3><a href="all-tool-hire/woodworking-tools" target="">Hire Woodworking Equipment</a></h3><div class="hire-tool-img"><a href="all-tool-hire/woodworking-tools" target=""><img src="/wp-content/uploads/2009/10/hire-woodworking-tn.jpg"></a></div><p>All your Woodworking and Joinery related tools for hire from Bench Saws to Clamps and Cramps to Planing and Sanding Tools</p><p class="lnk"><a href="all-tool-hire/woodworking-tools" target="">Hire Woodworking Tools</a></p></li>


CSS Code:
/* =HOMEPAGE PANELS
===========================================*/
#hirepanels ul.toolhirepanels {
margin-left: -8px;
font-size:11px;
display: inline;
float: left;
}
#hirepanels ul.toolhirepanels h3 {
/*display: none;*/
position: absolute;
left: -999px;
height: 1px;
width: 1px;
}
#hirepanels ul.toolhirepanels li {
float: left;
width: 300px;
height: 90px;
display: inline;
margin-left: 8px;
margin-bottom: 6px;
padding-left: 10px;
padding-top: 60px;
line-height: normal !important;
}
#hirepanels ul.toolhirepanels li p {
width: 180px;
margin-bottom: 3px !important;
margin-top: -5px;
}
#hirepanels ul.toolhirepanels li p.lnk {
margin-top: 10px;
}
#hirepanels ul.toolhirepanels a {
text-decoration: none;
font-weight: bold;
color: #ff7300;
padding-left: 12px;
background: url(/wp-content/themes/webdoggy/styles/webdoggy/bullet-arrow.jpg) no-repeat left center;
}
#hirepanels ul.toolhirepanels a:hover {
color: #000;
text-decoration: underline;
}
#hirepanels .hire-tool-img{float: right; margin-left:0px; padding-right: 18px;}
#hirepanels ul.toolhirepanels .hire-tool-img a:link,a:visited {background:none !important;}
/*--Start of Boxes ==================*/
ul.toolhirepanels li.woodworking {
background: url(http://www.toolhire2day.co.uk/wp-con.../boxestest.jpg) no-repeat;
}

The only arrow I'm seeing is to the left of the text, nothing next to the image. What browser are you seeing this in ?

hi - thanks for looking - check the ones further down - i left them intact as i have still been messing with the top one - to be honest i think its my decleration of this thats the shonky one! #hirepanels ul.toolhirepanels .hire-tool-img a:link,a:visited {background:none !important;} i think i just went all in with my hand on that

you may need to click on a link so it is visited then check back - sorry

i now took the a:visited bit out and they are all back - you will see what i mean - if i put it back in - it knocks out my top nav backgrouns for some reason.

just to lket you know i got it sorted now - after sleping on it i noticed that i was actually targeting the wrong element - so i redid my css to target the actual link (a instead of the li.

Good for you!!

nice site btw but have you noticed text disappears if you resize it a couple of notches?