title: html5 new layout elements old browsers
body: <p>I have <strong>my site</strong> ( <a href="http://www.rohanjain.in" rel="nofollow noreferrer">http://www.rohanjain.in</a>) based on <strong>html5</strong>. It uses the new elements defined in html5 for page layout: <em>header</em>, <em>nav</em>, <em>section</em>, <em>article</em>, <em>footer</em> etc. But I just checked that with old browsers and ie (dont care about this "non" browser) dont render the page properly.  </p>
  
  <p><strong>Snapshot</strong>: 
  <img src="https://i.stack.imgur.com/1Sc6o.png" alt="alt text"></p>
  
  <p>The css markup (source of css at <a href="http://www.rohanjain.in/media/css/style.src.css" rel="nofollow noreferrer">http://www.rohanjain.in/media/css/style.src.css</a>) is not being followed maybe because it does not recognize the tags.</p>
  
  <p>Currently for old browsers visitors are redirected to <a href="http://www.rohanjain.in/old-browser/" rel="nofollow noreferrer">this</a> and for ie <a href="http://www.rohanjain.in/ie/" rel="nofollow noreferrer">this</a> page.</p>
  
  <p>Could not find a proper solution to this. Is there any workaround so that the page can be rendered properly and with html5? </p>