Question

I’m trying to get a in IE7 to line up properly with the element above it.

This is an example of how things are supposed to look:

but this is how it’s appearing in IE7:

This HTML I’m using (view with IE in IE7 mode for best effect!): http://jsfiddle.net/ZHfbF/2/

Is there a way for me to get this to behave like in the top image?

Answer 1

Add overflow:visible to your button, it will remove that horizontal padding IE puts on the button depending of the text it contains.

Like this :

#btnViewResults {
    float: right;
    padding-right: 7px;
    overflow: visible;
}