<!--[if lt IE 9]>
        <style type="text/css">
                div.ie8message {color: #FF0000;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;border:3px solid #FF7D7D;margin: 10px auto 10px auto;padding: 20px;background-color: #FFFF99;}
                div.ie8message h2{font-size:16px;text-align:center;}
                div.ie8message p{font-size:11px;text-align:left;}
            </style>
            <div class=ie8message>
                <h2>Old web browser detected!</h2>
                <p>This website is designed to function on up to date desktop and mobile web browsers.</p>
                <p>We strongly recommend you update your current internet browser to avoid issues later.</p>
                <p>To get the most out of this site please <a href="http://windows.microsoft.com/en-GB/internet-explorer/download-ie" title="Get the latest version of Internet Explorer">update Internet Explorer</a> or install a new browser :</br>(latest <a href="https://www.google.com/intl/en/chrome/browser/" title="Get the latest version of Google Chrome">Chrome</a> or <a href="http://www.mozilla.org/en-US/firefox/new/" title="Get the latest version of Mozilla Firefox">Firefox</a> recommended)</p>
            </div>
    <![endif]-->

ie legacy css conditional

HTML