theme different in firefox/ie? help with header.php #page {…}

hi,
i am customizing a theme. my site url is: https://www.seoul2singapore.org/wordpress. this site is still under construction, so i am only focusing on the header for now, please don’t worry about how the footer looks because it’s not relevant to this post!
everything looks fine (in the header) when i am viewing the site in firefox. but when i view it in internet explorer the beige background image is visible, sitting on top of the rounded white header.
i did some digging and in my opinion here is the culprit, in the header.php file:

#page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbg-<?php bloginfo(‘text_direction’); ?>.jpg”) repeat-y top; border: none; }

when this is removed, the site shows the same mistake in firefox, but when this is included, firefox seems to understand and presents the site in the correct form, yet internet explorer seems not to notice it, and just retains the display mistake.

can anyone point me in the right direction? offer a solution? etc.

Thank you
Collie