#bananas { text-align: center; font-size: 11px; position:fixed; left:5px; top:-311px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; z-index:999; } #bananas:hover {top:0px;} #apple { border-right-style:dashed; border-bottom-style:dashed; border-left-style:dashed; border-width:1px; border-color:#000; padding: 5px 0 5px 0; background: #fff; width:100px; height:300px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; z-index: 9999; } #appletab { border-top-style:none; border-right-style:dashed; border-bottom-style:dashed; border-left-style:dashed; border-width:1px; border-color:#000; text-align: center; height:11px; padding: 2px 0 8px 0; background:#fff; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; width: 100px; } #melons { text-align: center; font-size: 11px; position:fixed; left:106px; top:-111px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; z-index:999; } #melons:hover {top:0px;} #kiwi { border-right-style:dashed; border-bottom-style:dashed; border-left-style:dashed; border-width:1px; border-color:#000; padding: 5px 0 5px 0; background: #fff; width:200px; height:100px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; z-index: 9999; } #kiwitab { border-top-style:none; border-right-style:dashed; border-bottom-style:dashed; border-left-style:dashed; border-width:1px; border-color:#000; text-align: center; height:11px; padding: 2px 0 8px 0; background:#fff; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; width: 200px; }