I've been tasked with updating an older project to incorporate the latest technologies. Within the project's style sheets, some styles are prefixed with:
#calendarDiv{
position:absolute;
width:220px;
*width:215px;
*max-width:210px;
border:1px solid #000066;
padding:1px;
background-color: #FFF;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
padding-bottom:20px;
visibility:hidden;
}
When applying CSS specifically for Internet Explorer, I typically use:
<!--[if lt IE 9]>
<style>
header
{
margin: 0 auto 20px auto;
}
#four_columns .img-item figure span.thumb-screen
{
display:none;
}
</style>
<![endif]-->
Could someone explain the significance of "*" in the aforementioned style sheet?