IE8 and lower do not properly recognize unknown elements, which causes various problems.
To fix this, you need to use a JavaScript fix such as html5shiv.
More Related Contents:
- IE8 issue with Twitter Bootstrap 3
- IE8 support for CSS Media Query
- Using “margin: 0 auto;” in Internet Explorer 8
- Why does a filter gradient on a pseudo element not work in IE8?
- Table tbody scroll in IE8
- Hover effects not working with IE8
- header/footer/nav tags – what happens to these in IE7, IE8 and browsers than don’t support HTML5?
- Will targeting IE8 with conditional comments work?
- How do I get placeholder text in firefox and other browsers that don’t support the html5 tag option?
- How I change the color of table fonts/ contents with inline CSS [duplicate]
- Expand list when mouse click on list
- Difference between tag and the tag? [closed]
- Why does this inline-block element have content that is not vertically aligned
- How to line-break from css, without using ?
- How can I scale the content of an iframe?
- Maintain aspect ratio of div but fill screen width and height in CSS?
- CSS – Make divs align horizontally
- Calculator keypad layout with flexbox
- Difference between overflow-wrap and word-break?
- floating elements behavior
- overflow:scroll; in
- Is there a disadvantage of using `display:table-cell`on divs?
- @Font-face not working on mobile
- How are `display: table-cell` widths calculated?
- How can I target a specific column or row in a CSS grid layout?
- How to create a triangle in CSS3 using border-radius
- Bootstrap 3 grid, does it *really* matter how many columns are in a row?
- Load a low-res background image first, then a high-res one
- Can I use an image from my local file system as background in HTML? [duplicate]
- How to make Bootstrap cards the same height in card-columns?