<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/ba38468b-a687-41d8-9923-c4ed168fd978/9912A926-2B1A-49E3-8500-35A6E06AFA46/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/" href="http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/" style="font-size: 11px;">webdeveloperplus.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/"><H2 class="posttitle">25 Incredibly Useful CSS Tricks You Should Know</H2></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/webdeveloperplus.com/img/2E29B5F8-8CD4-4E64-8833-2402F4B25ABF" alt="Useful CSS Tricks" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/">Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS tricks that you should know.</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/"><H4>1. Change Text Highlight Color</H4></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/"><P>You might not have known this before! With CSS you can control the colors of selected test at least for <DEL>standards compliant</DEL> cutting edge browsers like Safari or Firefox.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/"><DIV class="dp-highlighter"><DIV class="bar"><DIV class="tools"><A href="#">view plain</A><A href="#">copy to clipboard</A><A href="#">print</A><A href="#">?</A></DIV></DIV><OL start="1" class="dp-css"><LI class="alt"><SPAN><SPAN>::selection{ </SPAN><SPAN class="comment">/* Safari and Opera */</SPAN><SPAN>  </SPAN></SPAN></LI><LI class=""><SPAN>    <SPAN class="keyword">background</SPAN><SPAN>:</SPAN><SPAN class="colors">#c3effd</SPAN><SPAN>;  </SPAN></SPAN></LI><LI class="alt"><SPAN>    <SPAN class="keyword">color</SPAN><SPAN>:</SPAN><SPAN class="colors">#000</SPAN><SPAN>;  </SPAN></SPAN></LI><LI class=""><SPAN>}  </SPAN></LI><LI class="alt"><SPAN>::-moz-selection{ <SPAN class="comment">/* Firefox */</SPAN><SPAN>  </SPAN></SPAN></LI><LI class=""><SPAN>    <SPAN class="keyword">background</SPAN><SPAN>:</SPAN><SPAN class="colors">#c3effd</SPAN><SPAN>;  </SPAN></SPAN></LI><LI class="alt"><SPAN>    <SPAN class="keyword">color</SPAN><SPAN>:</SPAN><SPAN class="colors">#000</SPAN><SPAN>;  </SPAN></SPAN></LI><LI class=""><SPAN>}  </SPAN></LI></OL></DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/"><H4>2. Prevent Firefox Scrollbar Jump</H4></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/"><P>Firefox usually hides the vertical scrollbar if size of the content is less than the visible window but you can fix that using this simple CSS trick.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/"><DIV class="dp-highlighter"><DIV class="bar"><DIV class="tools"><A href="#">view plain</A><A href="#">copy to clipboard</A><A href="#">print</A><A href="#">?</A></DIV></DIV><OL start="1" class="dp-css"><LI class="alt"><SPAN><SPAN>html{ </SPAN><SPAN class="keyword">overflow</SPAN><SPAN>-y:</SPAN><SPAN class="string">scroll</SPAN><SPAN>; }  </SPAN></SPAN></LI></OL></DIV></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/9912A926-2B1A-49E3-8500-35A6E06AFA46/blog/" title="blog or email this clip"><img src="http://content8.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

New from the makers of Clipmarks:  Amplify.com - Don't just share the news...Amplify it!