Search code examples
htmlcssinternet-explorerinternet-explorer-7

How can I maintain the space between these two buttons in IE7 mode?

I have 2 buttons horizontally aligned. In most browsers there's a space between them, but if you view this:

http://jsfiddle.net/2HP43/1/

in "Browser Mode: IE7" & "Document Mode: IE7 Standards" you can see that the 2 buttons are stuck together.

Can somebody suggest how I can correct this so that there is always a consistent space between these buttons?

Solution

  • Have you tried putting   in between them?

    IE does not render "padding" to W3C standards. (See here for explanation.) That's almost assuredly where this problem is coming from, so you'll need to insert something in between them to make it work properly.