css - Replacing whole div in Internet Explorer -

i have got <div id="head"> placed logo made in css. problem doesn't work in internet explorer. i'd ask if there way replace whole div div if it's opened in internet explorer. want open <div id="headie"> image of logo in internet explorer instead of using css doesnt work in it.

thank you.

example, opened in google chrome

<div id="head"><h1>logo</h1></div> 

but if it's going opened in internet explorer it's not going open <div id="head"><h1>logo</h1></div> open this.

<div id="headie"><h1>logo</h1></div> 

you can use conditional comments so:

<!--[if ie]>   <div id="headie"><h1>logo</h1></div> <![endif]--> <!--[if !ie]><!-->   <div id="head"><h1>logo</h1></div> <!--<![endif]--> 

but better if try write css works in browsers.