BEFORE </style> (top tab)

#corner{
top:-156px; /*DONT TOUCH UNLESS YOU TOUCH THE TAB HEIGHT ALWAYS ADD +6 TO THIS*/
/*ie. height is 200px this should be 206*/

left:10px; /*HOW FAR FROM THE LEFT*/

/*DONT TOUCH*/
width:85px;
height:20px;
position:fixed;
float:left;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

#corner:hover{
top:0px; /*how far from the top*/

-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

#corner:hover #tab{
background-color:#fff; /*BACKGROUND COLOR*/
color:#000; /*TEXT COLOR*/

/*MAKE THIS THE SAME COLOUR AS THE BACKGROUND */
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;

width:87px; /*ALWAYS MAKE THIS 3 LESS THAN THE WIDTH OF THE TAB*/
/*ie width of the tab is 100px, make this 97px*/
}

#tab{
width:90px;
font-family:calibri;
text-transform:uppercase;
text-align:center;
color:#fff;
background-color:#000;
/*DONT TOUCH*/
padding:3px;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

#updates{
width:87px; /*KEEP THIS 3 px smaller than the tab's width*/
height:150px;
font-size:8px;
font-family:calibri;
text-transform:uppercase;
text-align:center;
color:#000;
border-left:1px solid #000;
border-right:1px solid #000;
background-color:#fff;
/*DONT TOUCH*/
padding:3px;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
}