html - Stretch width of div background image with set height -


i trying stetch div background image not keep aspect ratio. want fixed height of 270px , width 100% of screen. works in chrome not in ie or firefox. here have now:

css:

#container { background-image: url(images/blur.jpg); background-repeat:no-repeat; background-size:100% 270px; width:100%; height:270px; margin:0px; padding:0px; } 

html:

<div id="container">content</div> 

i'm little new sorry if asking simple question!

*update: it's working now. i'm not sure happened. checked on , on closing , opening source code showed had changed css background size: 100% 270px; 100%. absolutely bizarre! sorry wasting time.

this might because need include

<!doctype html public "-//w3c//dtd html 4.01//en" "w3.org/tr/html4/strict.dtd"> 

element