I have a HTML 5 drag and drop game that doesn't work in IE so I want to basically just show the answers in the form of an image. At the moment I'm using CSS to hide the game \[code\]div\[/code\] in IE and display a \[code\]div\[/code\] with using \[code\]display: block;\[/code\] to show the image and hide it using \[code\]display: none\[/code\] on browsers like Chrome. Is this an ok way of switching content based on browser or is there another method I should be looking at? What is the correct way to do this?