<p oncontextmenu="return false;" onselectstart="return false;" ondragstart="return false;" style="-moz-user-select: none;">

div.socialbox {
    background-image: url("images/social/social_bg.png");
    color: #3C2330;
    height: 240px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 30px;
    width: 252px;
}

.rule {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 0 -10px;
    padding: 0 10px;
    width: 100%;
}

<textarea style="resize: none;" cols="30" rows="3" name="myTextarea" readonly>1111111</textarea>

http://www.brandspankingnew.net/archive/2006/09/javascript_css_crossfader.html
http://www.brandspankingnew.net/archive/2006/01/footnotes-with-css-and-javascript.html
http://www.brandspankingnew.net/archive/2005/09/animated_anchor.html

http://slayeroffice.com/code/custom_alert/
http://slayeroffice.com/code/focus_slide/
http://slayeroffice.com/code/gradient/

height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

http://www.olivergast.de/wp-content/demos/transitions/index.html

p.normal::selection {
    background:#cc0000;
    color:#fff;
}

p.moz::-moz-selection {
    background:#cc0000;
    color:#fff;
}

p.webkit::-webkit-selection {
    background:#cc0000;
    color:#fff;
}