How to overcome responsive web design IE 8 browser issue using css?

Hi friends, recently we have worked on a responsive website.
We know that responsive website consists of html 5 and css 3 tags and properties.
We have used html 5 properties like article, section, header and footer.
But these tags Internet explorer doesn't support.
For that we have changed html 5 tags to divs.
After replacing the div s in place of html 5 tags also it is not working.
It is due to media queries issue.

So we have created a separate c s s file for Internet explorer 8 and it's below versions. In the following format.

<!--[if lte IE8 ]>
<link type="text/css" href="ie8.css" rel="stylesheet" />
<![endif]-->

Click to expand...

So here lte means less than or equal to.

Some where i have read there will be a hacking problem with this code. But as far as information based websites it will not effect, we can use it.

Please write your responses, if you have faced like this problem earlier.

Thank you so much for this small article but that fix the IE issue.. i don't understand why it's always the Internet Explorer which make issues on websites.. all other browsers are compatible and updated in order to handle the html5 and css3 new proprieties and attributes, but Microsoft is always so old...

I'm rare using this code
I often use a css file and my web template are compatible with all browsers, all IE versions , I suggest you should check when you are designing your web layouts on all browsers. It will avoid errors on different browsers