OK. After a bit of fiddling, that seems to work reasonably well...Spot on in IE and only a tiny bit out in FF with the shadow on the right.
This is what I ended up with
Code:
<span class="drop_shadow" style="float:right">
<span>
<asp:linkbutton />
</span>
</span>
CSS
Code:
.drop_shadow { float:left;
background: url('/images/drop_shadowAlpha.png') no-repeat bottom right !important;
background: url('/images/drop_shadow.gif') no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px; }
.drop_shadow span { display: block;
position: relative;
margin: -5px 5px 5px -5px;
padding: 2px 0px 0px 1px;
} The original css was affecting my button class, so I had to add in another span as a holder for the link button.
Bookmarks