[Wickham]

"Conditionalize" almost certainly means "put in a conditional comment". These are used where IE needs different styles to other browsers. If Firefox is displaying correctly, then this is a good sign as it is generally more standards-compliant than IE.

Remember that when you have a series of table rows, each column of td tags will be as wide as the widest td tag. So if in IE something in a row above or below the buttons is being forced out more than 80px for some reason, the td tags with the buttons will also be more than 80px. Sometimes you have to close a table and open a new one to get different td column widths but in your case they should all be 80px.

Alternatively it looks as if IE is making the left or right margins or padding of the buttons too great (perhaps a default margin which needs to be 0). As far as I can see, the buttons are inside td tags width: 80px which is presumably OK as Firefox has no problem, so perhaps the buttons inside are more than 80px wide only in IE when including margins and padding.

Check the overall width of the buttons including margins, padding and borders as if they have less width than 80px they should centralise inside the td tags. If there is still a problem, put this in your head section on every relevant page AFTER the style tags or stylesheet link if you have one and just before the </head> closing tag.

<!--[if IE]>
<style type="text/css">
button { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
</style>
<![endif]-->

Since no one else can download your whole code, you will have to use trial and error to find out which styles need changing (it may be several) and which margins or padding need adjusting. If it's only the hover state, then find the style(s) which relate to that.

The conditional comment will only affect IE so if Firefox is OK, leave everything else.

The conditional comment is for all IE versions. If you only want to change IE6 use <!--[if IE 6]>... or if only IE7 use <!--[if IE 7]>...or if all versions before IE7 use <!--[if lt IE 7]>... where the lt means less than.

You have a lot of styles in the html markup for the td tags so remember that a browser parses these styles last, so they will overide anything in a conditional comment. If the style you want to edit is in the html markup then you need to take these out of the td tags and put them in style tags or a stylesheet before the IE conditional comment. In your case the styles only seem to be width and height so as long as your conditional comment only adjusts margins or padding this will be OK.

As Buzz said, we can only guess.