Bloody IE8, twas the fact that I didn't declare the " background-color:#CCC;" in my style sheet on the button I wanted highlighted. I think the problem is something to do with this IE hasLayout melarky.
Here's teh code if anyone's interested.
Cheers again Carl \m/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
width:98%;
height:100%;
}
a { color:#FFF; text-decoration:none; }
a:hover { color:#FFF; }
#openBtn {
padding:5px;
margin: 5px;
background-color:#CCC;
}
a#closeBtn {
position:relative;
top:20px;
left:10px;
width:auto;
height:auto;
padding:5px;
margin: 5px;
color: #060;
background-color:#FFF;
display:none;
}
#slider {
position: absolute;
top:0;
right:0;
width:0px;
height:100%;
background-color:#060;
color:#FFF;
}
</style>
</head>
<body>
<div style="width:auto; height:auto; position:absolute; top:20px; left:20px;" id="openBtn"><a href="#">OPEN IT</a></div>
<div id="slider">
<a href="#" id="closeBtn">CLOSE IT</a>
</div>
<script type="text/javascript" src="js/TweenMax.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script language="JavaScript" type="text/javascript">
jQuery(function( $ ){
$("#openBtn").hover(
function () {
TweenMax.to($(this), 0.3, {css:{scale:1.5,backgroundColor:'#060', ease:Power4.easeOut}});
},
function () {
TweenMax.to($(this), 0.3, {css:{scale:1,backgroundColor:'#CCC', ease:Power4.easeOut}});
}
);
$("#openBtn").on('click', function () {
TweenLite.to($('#slider'), 0.6, {css:{width:'70%', ease:Power4.easeOut}});
TweenLite.to($('#closeBtn'), 0.6, {css:{display:'inline', ease:Power4.easeOut}});
});
$("#closeBtn").on('click', function () {
TweenLite.to($('#closeBtn'), 0.6, {css:{display:'none', ease:Power4.easeOut}});
TweenLite.to($('#slider'), 0.6, {css:{width:'0%', ease:Power4.easeOut}});
});
});
</script>
</body>
</html>