Image Button drops Float on IE6

HTML & CSS
1

Hi guys i have this image links in this site http://www.grupohormadi.com
i have the main content and a linklist wrapped and a kind of sidebar floated beside that wrapper, inside i have image buttons like this:

<h3><a id="sbr_estaciones_btn" href="estaciones.php">estaciones de servicio</a></h3>

and stilted like this:

a#sbr_estaciones_btn
{
        display:block;
	margin-top:8px;
	margin-left:11px;
	width:189px;
	height:30px;
	background:url(imgs/sbr_h2_estaciones_over.png) no-repeat;
	
}
a#sbr_estaciones_btn:link, a#sbr_estaciones_btn:visited
{
	background:url(imgs/sbr_h2_estaciones.png) 
        no-repeat;
}
a#sbr_estaciones_btn:hover, a#sbr_estaciones_btn:focus
{
	margin-top:8px;
	margin-left:11px;
	background:url(imgs/sbr_h2_estaciones_over.png) no-repeat;
}

Well the thing is that this drops the float of the sidebar on IE6 and moves it down, when i take down the “display:block;” the float works again, but the buttons disappear, is there a fix, cheat or something to make it work? or should i change the buttons method?

2

Check that all your widths add up. Also, sbr_estaciones_btn should be a class, not an ID, because you use it more than once on the same page.

3

What happens if you float the button instead?