I’ve got a fixed tab in the footer area of my page. Seems to be fine but a user says it doesn’t show up in IE9. I don’t have access to the browser (I’m on XP), so I’m wondering if any of you can see what’s wrong?
Here’s the page in question: http://bit.ly/gteP9E
Relevant css:
#registernag{
position: fixed;
background: #FCEBBD;
padding: 14px;
font-size: 25px;
text-transform: uppercase;
overflow: hidden;
bottom: 0;
border: 3px solid #fff;
border-bottom: 0;
right: 60px;
text-align: left;
color: #f1f9fc;
z-index: 999;
box-shadow: 0 0 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
transition: all 0.08s linear;
-moz-transition: all 0.08s linear;
-webkit-transition: all 0.08s linear;
font-family: "Helvetica Condensed", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1em;
color: #542752;
width: 140px;
}
#registernag span{
font-size: 10px;
text-transform: uppercase;
display: block;
color: #999;
}
#registernag strong{
float: right;
margin-left: 5px;
font-size: 27px;
height: 27px;
line-height: 27px;
font-style: normal;
font-weight: normal;
color: #aaa;
}
#registernag:hover{
padding-bottom: 17px;
text-decoration: none;
background-color: #F7E0A3;
}
This is my first post, so hopefully no faux pas:)
