Css hacks removing the horizontal scroll bar

Sometimes when you've coded up your website in CSS no matter what width fixes you try you'll still see that horrible horizontal scrollbar on your website's pages. Although it is harmless and doesn't effect how your site displays (For the most part) im taking about something like this:

In this text box you will see a scroll bar going across below. It is not being used so it's not really needed!<br/> </div> <br/> <div class="hr"></div> <div class="about-author"> <div style="float:left">  <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8aa3406316360c"></script>  </div> <div style="float:right;margin:0px 7px 0 0;">Author's URL: <a href="http://pulsegfx.net" class="blue" target="_blank">Pulse GFX</a></div> <div class="clear"></div> </div> <div class="page-wrap" id="article-footer"> <span class="no_background"> <img align="top" alt="Learn HTML step-by-step from A to Z or improve your professional skills." src="/images/upl/html_and_css_small_icon.jpg"/> More Tutorials: <a href="/html-and-css/tutorials/epick/page-1.html">Featured Materials</a> | <a href="/html-and-css/tutorials/page-1.html">Fresh Materials</a> | <a target="_blank" href="http://www.markuptutorials.com/">More HTML Tutorials at Markuptutorials.com</a> </span> <div id="random_block"> <div class="hlf_blk"> <strong>10 Random HTML and CSS Tutorials:</strong> <ul> <li><a href="/html-and-css/tutorials/dreamweaver-form-tips.1365.html">Dreamweaver Form Tips</a></li> <li><a href="/html-and-css/tutorials/cascading-style-sheets-css-formatting-lists.2734.html">Cascading Style Sheets (CSS); Formatting Lists</a></li> <li><a href="/html-and-css/tutorials/expanding-table.3169.html">Expanding table</a></li> <li><a href="/web-design-basics/design-principles/can-i-optimize-a-site-designed-with-frames.5315.html">Can I Optimize A Site Designed With Frames?</a></li> <li><a href="/html-and-css/tutorials/basic-iframe-code.9081.html">Basic Iframe Code</a></li> </ul> </div> <div class="hlf_blk"> <div class="clear"> </div> <ul class="brd_left"> <li><a href="/html-and-css/tutorials/css-pop-up-menu-2-horizontal-menus.12089.html">CSS Pop Up Menu 2 - Horizontal Menus</a></li> <li><a href="/html-and-css/tutorials/create-rollover-image-in-css.15095.html">Create rollover image in css</a></li> <li><a href="/html-and-css/tutorials/create-rollover-image-in-adobe-dreamweaver-cs3.15100.html">Create Rollover Image in Adobe Dreamweaver CS3</a></li> <li><a href="/html-and-css/tutorials/css-dropshadow.17217.html">CSS Dropshadow</a></li> <li><a class="preview" href="/html-and-css/tutorials/import-psd-into-dreamweaver-and-build.20320.html">Import PSD Into Dreamweaver</a></li> </ul> </div> <div class="clear"></div> </div> </div> <br/> <div style="margin:0 9px;"> <div id="disqus_thread"></div> <script type="text/javascript"> /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ var disqus_shortname = 'wdlibrary'; // required: replace example with your forum shortname var disqus_identifier = 'wdlibrary_15989'; var disqus_url = 'http://www.webdesign.org/html-and-css/tutorials/css-hacks-removing-the-horizontal-scroll-bar.15989.html'; var disqus_developer = 1; /* * * DON'T EDIT BELOW THIS LINE * * */ (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })(); </script> <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> </div> <br/> <div class="clear"></div> </div> </div> </div> <div class="box" id="nav"> <div id="menu"> <ul class="menu-item"> <li><a id="m_1">Web Design Basics</a> <ul class="submenu-item"> <li><a id="m_2" href="/web-design-basics/design-principles/page-1.html">Design Principles</a></li> <li><a id="m_3" href="/web-design-basics/website-usability/page-1.html">Website Usability</a></li> <li><a id="m_5" href="/web-design-basics/color-theory/page-1.html">Color Theory</a></li> <li><a id="m_6" href="/web-design-basics/templates-tuning/page-1.html">Templates & Tuning</a></li> <li><a id="m_74" href="/web-design-basics/web-design-jobs/page-1.html">Web Development Jobs</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_99">CMS</a> <ul class="submenu-item"> <li><a id="m_100" href="/content-management-system/wordpress/page-1.html">Wordpress</a></li> <li><a id="m_102" href="/content-management-system/drupal/page-1.html">Drupal</a></li> <li><a id="m_103" href="/content-management-system/joomla/page-1.html">Joomla</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_7">Photoshop</a> <ul class="submenu-item"> <li class="submenu-folder"><a id="m_8" href="/photoshop/tutorials-parent/page-1.html">Tutorials</a> <ul class="subsubmenu-item"> <li><a id="m_96" href="/photoshop/tutorials/page-1.html">All Tutorials</a></li> <li><a id="m_97" href="/photoshop/tutorials/epick/page-1.html">Editor's Pick</a></li> <li><a id="m_60" href="/photoshop/photoshop-basics/page-1.html">Photoshop Basics</a></li> <li><a id="m_61" href="/photoshop/special-effects/page-1.html">Special Effects</a></li> <li><a id="m_62" href="/photoshop/text-effects/page-1.html">Text Effects</a></li> <li><a id="m_63" href="/photoshop/3d-effects/page-1.html">3D Effects</a></li> <li><a id="m_64" href="/photoshop/textures-patterns/page-1.html">Textures & Patterns</a></li> <li><a id="m_65" href="/photoshop/web-layout/page-1.html">Web Layout</a></li> <li><a id="m_66" href="/photoshop/drawing-techniques/page-1.html">Drawing Techniques</a></li> <li><a id="m_67" href="/photoshop/color-management/page-1.html">Color Management</a></li> <li><a id="m_68" href="/photoshop/photo-editing/page-1.html">Photo Editing</a></li> <li><a id="m_69" href="/photoshop/imageready-animation/page-1.html">ImageReady Animation</a></li> <li><a id="m_72" href="/photoshop/miscellaneous/page-1.html">Miscellaneous</a></li> <li><a id="m_81" href="/photoshop/photoshop-cs4-tutorials/page-1.html">Photoshop CS4 Tutorials</a></li> </ul></li> <li><a id="m_98" href="/photoshop/photoshop-cs5-tutorials/page-1.html">Photoshop CS5 Tutorials</a></li> <li><a id="m_105" href="/photoshop/photoshop-cs6-tutorials/page-1.html">Photoshop CS6 Tutorials</a></li> <li><a id="m_9" href="/photoshop/articles/page-1.html">Articles</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_53">Vector Graphics</a> <ul class="submenu-item"> <li><a id="m_54" href="/vector-graphics/coreldraw/page-1.html">CorelDraw</a></li> <li><a id="m_55" href="/vector-graphics/adobe-illustrator/page-1.html">Adobe Illustrator</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_12">Flash & Swish</a> <ul class="submenu-item"> <li><a id="m_13" href="/flash-swish/flash-tutorials/page-1.html">Flash Tutorials</a></li> <li><a id="m_14" href="/flash-swish/articles/page-1.html">Articles</a></li> <li><a id="m_73" href="/flash-swish/swish-tutorials/page-1.html">Swish Tutorials</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_18">3D Graphics</a> <ul class="submenu-item"> <li><a id="m_19" href="/3d-graphics/tutorials/page-1.html">Tutorials</a></li> <li><a id="m_20" href="/3d-graphics/articles/page-1.html">Articles</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_21">HTML and CSS</a> <ul class="submenu-item"> <li><a id="m_22" href="/html-and-css/tutorials/page-1.html">Tutorials</a></li> <li><a id="m_45" href="/html-and-css/articles/page-1.html">Articles</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_56">Web Programming</a> <ul class="submenu-item"> <li><a id="m_57" href="/web-programming/php/page-1.html">PHP</a></li> <li><a id="m_58" href="/web-programming/asp/page-1.html">ASP</a></li> <li><a id="m_59" href="/web-programming/javascript/page-1.html">JavaScript</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_91">Raster Graphics</a> <ul class="submenu-item"> <li><a id="m_92" href="/raster-graphics/fireworks/page-1.html">Fireworks</a></li> <li><a id="m_93" href="/raster-graphics/gimp/page-1.html">Gimp</a></li> <li><a id="m_94" href="/raster-graphics/paint-shop-pro/page-1.html">Paint Shop Pro</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_51">Site Maintenance</a> <ul class="submenu-item"> <li><a id="m_32" href="/site-maintenance/domain-registration/page-1.html">Domain Registration</a></li> <li><a id="m_33" href="/site-maintenance/hosting-services/page-1.html">Hosting Services</a></li> <li><a id="m_34" href="/site-maintenance/web-promotion/page-1.html">Web Promotion</a></li> <li><a id="m_75" href="/site-maintenance/se-optimization/page-1.html">SE Optimization</a></li> <li><a id="m_76" href="/site-maintenance/rss/page-1.html">RSS</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_25">Showcase</a> <ul class="submenu-item"> <li><a id="m_26" href="/showcase/website-showcase/page-1.html">Web Design Showcase</a></li> <li><a id="m_28" href="/showcase/site-of-the-day/page-1.html">Site of the Day</a></li> <li><a id="m_29" href="/showcase/site-of-the-month/page-1.html">Site of the Month</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_77">Free Stuff</a> <ul class="submenu-item"> <li class="submenu-folder"><a id="m_78" href="/free-stuff/design-accessories/page-1.html">Design Accessories</a> <ul class="subsubmenu-item"> <li><a id="m_82" href="/free-stuff/icons/page-1.html">Icons</a></li> <li><a id="m_83" href="/free-stuff/photos/page-1.html">Photos</a></li> <li><a id="m_84" href="/free-stuff/fonts/page-1.html">Fonts</a></li> <li><a id="m_85" href="/free-stuff/cliparts/page-1.html">Clipart</a></li> <li><a id="m_86" href="/free-stuff/logo/page-1.html">Logos</a></li> <li><a id="m_101" href="/free-stuff/photoshop-brushes/page-1.html">Photoshop Brushes</a></li> </ul></li> <li><a id="m_79" href="/free-stuff/sounds/page-1.html">Sounds</a></li> <li><a id="m_87" href="/free-stuff/flash/page-1.html">Flash Elements</a></li> <li><a id="m_80" href="/free-stuff/3d/page-1.html">3D Objects</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_30">Miscellaneous</a> <ul class="submenu-item"> <li><a id="m_35" href="/miscellaneous/software-reviews/page-1.html">Software Reviews</a></li> <li><a id="m_50" href="/miscellaneous/web-design-interviews/page-1.html">Interviews</a></li> <li><a id="m_104" href="/miscellaneous/web-design-inspiration/page-1.html">Inspiration</a></li> </ul></li> </ul> </div> <div class="clear" style="height:2px;"></div> <div class="banner_button"> <img src="/images/submit_tutorial.gif" alt="submit tutorial"/> <div> <input type="button" onclick="location.href='/submit_material.php'" value="Submit now!" class="butenter"/> </div> </div> <div class="banner_button"> <img src="/images/get_newsletter.gif" alt="subscribe"/> <div> <input type="button" onclick="location.href='/newsletter.php'" value="Subscribe" class="butenter"/> </div> </div> <div class="banner_button"> <img src="/images/subscribe_rss.gif" alt="rss"/> <div> <input type="button" onclick="location.href='/rss.php'" value="Subscribe" class="butenter"/> </div> </div> <div class="banner_button"> <img src="/images/advertise.gif" alt="advertise"/> <div> <input type="button" onclick="location.href='/advertise.php'" value="Click here!" class="butenter"/> </div> </div> <div class="banner"> <a href="/website-promotion.php"> <img width="160" alt="website promotion banner" src="/images/catbanner/webpromotion_banner.gif"/> </a> </div> </div> <div class="box" id="sidebar" > <div style="margin:3px;height:117px;"> <img src="/images/social.png" /> <a href="https://twitter.com/webdesignorg" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @webdesignorg</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <iframe class="facebook-like" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fwebdesignorg%2F159564920822452&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font=tahoma&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe> </div> <div class="partner-block"> <div class="caption icon-related-res">Tutorials <br/>Related Resources</div> <div class="partner-item split_line2"> <strong> <a target="_blank" href="http://www.freetemplatesonline.com">Free Web Designs</a> </strong><br /> A collection of free web templates. Premium quality web designs, easy to browse.<br /> </div> <div class="partner-item split_line2"> <strong> <a target="_blank" href="http://www.markuptutorials.com">HTML tutorials</a> </strong><br /> A collection of HTML templates.<br /> </div> <div class="partner-item split_line2"> <strong> <a rel="nofollow" href="http://www.htmltutorials.ca/">Html lessons and tutorials in web page design.</a> <br /> <div style="font-weight:normal; ">You, too, can design your own website with over 45 interactive HTML tutorials. Also try your hand at JavaScript or check out a search engine submission service.</div> </strong><br /> You, too, can design your own website with over 45 interactive HTML tutorials. Also try your hand at JavaScript or check out a search engine submission service.<br /> </div> <div class="partner-item split_line2"> <strong> <a rel="nofollow" href="http://www.2createawebsite.com">2 Create a Website</a> <br /> <div style="font-weight:normal; ">Offers free tutorials on website creation, generating traffic and making money online.</div> </strong><br /> Offers free tutorials on website creation, generating traffic and making money online.<br /> </div> <div class="partner-item"> <strong> <a target="_blank" href="http://www.600host.net">UK Hosting Services</a> </strong><br /> Provider of low cost affordable UK web hosting services.<br /> </div> </div> <div class="partner-block" id="featured"> <div class="caption icon-featured">Featured Templates</div> <div class="rss-icon-right-column"> <a href="/rss/web_templates.rss" rel="nofollow"> <img alt="rss" src="/images/rss-icon.gif" border="0" /> </a> </div> <div class="featured-item"> <a onmouseover="showtrail('http://images.templatemonster.com/screenshots/24200/24215-b.jpg','Template 24215',430,553)" onmouseout="hidetrail()" title="click to view this web template" rel="nofollow" target="_blank" href="http://store.templatemonster.com/website-templates/24215.html"> <img border="0" alt="click to view this template" src="http://images.templatemonster.com/screenshots/24200/24215-m.jpg"/> </a> <div class="featured-links"> <a target="_blank" rel="nofollow" href="http://store.templatemonster.com/website-templates/24215.html">Price : $ 65</a> | <a target="_blank" rel="nofollow" href="http://www.template-help.com/tuning/tuning.php?aff=wdl&t_number=24215">Customize</a> </div> </div> <div class="featured-item"> <a onmouseover="showtrail('http://images.templatemonster.com/screenshots/25300/25379-z-b.jpg','Template 25379',430,384)" onmouseout="hidetrail()" title="click to view this web template" rel="nofollow" target="_blank" href="http://store.templatemonster.com/zencart-templates/25379.html"> <img border="0" alt="click to view this template" src="http://images.templatemonster.com/screenshots/25300/25379-m.jpg"/> </a> <div class="featured-links"> <a target="_blank" rel="nofollow" href="http://store.templatemonster.com/zencart-templates/25379.html">Price : $ 135</a> | <a target="_blank" rel="nofollow" href="http://www.template-help.com/tuning/tuning.php?aff=wdl&t_number=25379">Customize</a> </div> </div> <div class="featured-item"> <a onmouseover="showtrail('http://images.templatemonster.com/screenshots/30900/30918-bcss.jpg','Template 30918',430,550)" onmouseout="hidetrail()" title="click to view this web template" rel="nofollow" target="_blank" href="http://store.templatemonster.com/website-templates/30918.html"> <img border="0" alt="click to view this template" src="http://images.templatemonster.com/screenshots/30900/30918-m.jpg"/> </a> <div class="featured-links"> <a target="_blank" rel="nofollow" href="http://store.templatemonster.com/website-templates/30918.html">Price : $ 63</a> | <a target="_blank" rel="nofollow" href="http://www.template-help.com/tuning/tuning.php?aff=wdl&t_number=30918">Customize</a> </div> </div> <div style="padding:5px"> <a rel="nofollow" href="/templates/"><img src="/images/more.gif" /></a> </div> </div> <script> function featured_scroll() { var window_top = parseInt($(window).scrollTop())+4; if ($featured_top < window_top) { if ($.browser.msie && ($.browser.version == '6.0')) { $featured_scroll.css({top:window_top+'px', width:'158px'}, 20); } else $featured_scroll.css({top:"4px", position:"fixed"}); } else { $featured_scroll.css({top:$featured_top+'px', width:'158px', position:'absolute'}); } } $(function(){ $('body').append('<div class="partner-block" id="featured_scroll" style="position:absolute;"></div>'); $featured = $('#featured'); $featured_scroll = $('#featured_scroll'); $featured_top = $featured.offset().top; $featured_scroll.css({top: $featured_top, left: $featured.offset().left-5}); $featured_scroll.html($featured.html()); $featured.parent().css('overflow', 'visible'); $featured.remove(); featured_scroll(); $(window).scroll(function () { featured_scroll(); }); $(window).resize(function () { $featured_scroll.css({left: $('#sidebar > div').offset().left-5}); }); }); </script> </div> </div> <script type="text/javascript">curr_cat="m_22";</script> <div id="footer"> <span> <a rel="nofollow" href="/">HOME</a> | <a rel="nofollow" href="/submit_material.php">SUBMIT MATERIAL</a> | <a rel="nofollow" href="/newsletter.php">NEWSLETTER</a> | <a rel="nofollow" href="/rss.php">RSS</a> | <a rel="nofollow" href="/link-to-us">LINK TO US</a> | <a rel="nofollow" href="/about.php">ABOUT US</a> | <a rel="nofollow" href="/contact.php">CONTACT US</a> | <a rel="nofollow" href="/advertise.php">ADVERTISE WITH US</a> | <a href="http://www.webdesign.org/templates/">WEBSITE TEMPLATES</a> </span> <br /> <b>Partners:</b> <a target="_blank" href="http://www.templatetuning.com/?aff=wdl " rel="nofollow">Templates Customization</a> | <a target="_blank" href="http://www.templatemonster.com" rel="nofollow">Professional Website Templates</a> |<a target="_blank" href="http://www.marketingquotes.co.uk/website-design/">Website Designers</a> <br /> <a rel="nofollow" href="/copyright.php">Copyright 2004-2011</a>© Jetimpex Inc. - web design articles and tutorials. Website maintained by Maestro Solutions LTD. </div><div id="popup_banner"></div> <script src="http://templatehelp.com/codes/popup/js/functions.js" type="text/javascript"></script>  <script type="text/javascript" src="/js/main.js"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-2347512-1']); _gaq.push(['_trackPageview']); _gaq.push(['_trackPageLoadTime']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>  <script type="text/javascript" src="/js/ga_social_tracking.js"></script> <script type="text/javascript" src="http://tcr.tynt.com/javascripts/Tracer.js?user=doLOtif6er3O7Xacn9QLxW&s=51"></script> <div style="display: none; position: absolute;z-index:110;" id="preview_div"> </div> <script src="/js/preview_templates.js" type="text/javascript"> </script> <link rel="stylesheet" type="text/css" href="/css/jquery-ui/facebook/jquery-ui-1.8.18.custom.css" /> <script type="text/javascript" src="/js/jquery-ui-1.8.18.custom.min.js"></script> <div id="lb-dialog" title=""> <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'></link> <style> .fb-list li {background:url(/css/jquery-ui/facebook/images/check.png) no-repeat;list-style:none;list-style:none;padding-left:30px;line-height:20px;} .lb-header {padding-left:20px; letter-spacing:-1px;} .lb-footer {padding-left:20px; letter-spacing:-1px;} #lb-dialog h2 {font-family:'PT Sans'; padding-left:7px;margin-bottom:-5px; margin-top:10px;font-size:24px;font-weight:700;letter-spacing:-1px;} </style> <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fwebdesignresource&send=false&layout=standard&width=390&show_faces=false&action=like&colorscheme=light&font=tahoma&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:390px; height:35px;" allowTransparency="true"></iframe> <h2>Like us to:</h2> <ul class="fb-list"> <li>get private discounts from dozens of our partners;</li> <li>get freebies handpicked from all over the web;</li> <li>know latest trends in web design industry;</li> <li>meet professional designers;</li> </ul> <br> <br></div> <style> .lb-header,.lb-footer {background:#3b5998;color:#ffffff;} </style> <script type="text/javascript"> function show_lightbox() { $('#popup_banner').remove(); $("#lb-dialog").dialog('open'); $.cookie("lb_show", 1, {path:"/"}); _gaq.push(['_trackEvent', 'lightbox', 'http://www.webdesign.org/html-and-css/tutorials/css-hacks-removing-the-horizontal-scroll-bar.15989.html']); setTimeout('hide_lightbox()', 1000*40); } function hide_lightbox() { $("#lb-dialog").dialog("close"); } $(function(){ if ($("#lb-dialog").size()) { $("#lb-dialog:ui-dialog").dialog("destroy"); $("#lb-dialog").dialog({ width: 434, height: 340, autoOpen: false, modal: true }); $("#lb-dialog").after('<div class="lb-footer">Close and never show it again <a id="lb-close" href="#"></a></div>'); $(".ui-widget-header").replaceWith('<div class="lb-header">Become our <b>facebook</b> fan!</div>'); $(".lb-footer, #lb-close").live('click',function() { $.cookie("lb_disabled", 1, { path: "/",expires: 365}); $("#lb-dialog").dialog("close"); return false; }); } setTimeout('show_lightbox()', 1000*1); }); </script> <img style='position:absolute' src="http://www.templatemonster.com/spacer.gif.php?wdld=2012-05-26&wdlc=0442bc3a1d6bacf2682d097a54e6907e" width="1" height="1" /> <div id="networkBar" style="height:16px;width:100%;z-index:10; background-color:#006c99;position:absolute;top:0px;"> </div> <div id="header" style="top:12px;"> <div id="logo"><a href="/"><img border="0" src="/images/logo.gif" alt="Web Design Library" /></a></div> <div id="search-form" class="header-form transparent"> <form method="get" action="/search.html"> <table> <tr> <td colspan="2"><input type="text" id="search-keyword" name="keywords" value="" title=" - Any Keyword(s) - "/></td> </tr> <tr> <td> <select id="category" name="category"> <option value="0" style="font-weight:bold;">- All categories -</option> <option value="-1" style="font-weight:bold;">Website Templates</option> <option value="1" style="font-weight:bold;" >Web Design Basics</option> <option value="2" > Design Principles</option> <option value="3" > Website Usability</option> <option value="5" > Color Theory</option> <option value="6" > Templates & Tuning</option> <option value="74" > Web Development Jobs</option> <option value="99" style="font-weight:bold;" >CMS</option> <option value="100" > Wordpress</option> <option value="102" > Drupal</option> <option value="103" > Joomla</option> <option value="7" style="font-weight:bold;" >Photoshop</option> <option value="8" style="font-weight:bold;" > Tutorials</option> <option value="96" > All Tutorials</option> <option value="97" > Editor's Pick</option> <option value="60" > Photoshop Basics</option> <option value="61" > Special Effects</option> <option value="62" > Text Effects</option> <option value="63" > 3D Effects</option> <option value="64" > Textures & Patterns</option> <option value="65" > Web Layout</option> <option value="66" > Drawing Techniques</option> <option value="67" > Color Management</option> <option value="68" > Photo Editing</option> <option value="69" > ImageReady Animation</option> <option value="72" > Miscellaneous</option> <option value="81" > Photoshop CS4 Tutorials</option> <option value="98" > Photoshop CS5 Tutorials</option> <option value="105" > Photoshop CS6 Tutorials</option> <option value="9" > Articles</option> <option value="53" style="font-weight:bold;" >Vector Graphics</option> <option value="54" > CorelDraw</option> <option value="55" > Adobe Illustrator</option> <option value="12" style="font-weight:bold;" >Flash & Swish</option> <option value="13" > Flash Tutorials</option> <option value="14" > Articles</option> <option value="73" > Swish Tutorials</option> <option value="18" style="font-weight:bold;" >3D Graphics</option> <option value="19" > Tutorials</option> <option value="20" > Articles</option> <option value="21" style="font-weight:bold;" >HTML and CSS</option> <option value="22" > Tutorials</option> <option value="45" > Articles</option> <option value="56" style="font-weight:bold;" >Web Programming</option> <option value="57" > PHP</option> <option value="58" > ASP</option> <option value="59" > JavaScript</option> <option value="91" style="font-weight:bold;" >Raster Graphics</option> <option value="92" > Fireworks</option> <option value="93" > Gimp</option> <option value="94" > Paint Shop Pro</option> <option value="51" style="font-weight:bold;" >Site Maintenance</option> <option value="32" > Domain Registration</option> <option value="33" > Hosting Services</option> <option value="34" > Web Promotion</option> <option value="75" > SE Optimization</option> <option value="76" > RSS</option> <option value="30" style="font-weight:bold;" >Miscellaneous</option> <option value="35" > Software Reviews</option> <option value="50" > Interviews</option> <option value="104" > Inspiration</option> </select> </td> <td> <input id="b_search" class="butenter header-button" type="submit" value="Search" /></td> </tr> </table> <div class="links"> <a href="/advanced-search/page-1.html">advanced search</a> <a href="#" id="search_bar">add to SearchBar</a> </div> </form> </div> <div id="header-banner"> <style> #header-banner { float: right; width: 260px; height: 88px; background: url(/img_articles/21136/wdl-banner-bg.png) no-repeat 0px 0px; margin: -14px -1px 0px 0px; padding: 1px; } #bannerHeadling { margin: 5px -50px 2px 83px; } #bannerHeadling a { color: #d8fba0; font-size: 13px; letter-space: 0px; font-family: sans-serif; letter-space: 0px; } #bannerHeadling a:hover { text-decoration: underline; color: #defaff; font-family: sans-serif; } #bannerList { list-style: none; font-size: 9pt; margin: 0 0 0 83px; font-family: tahoma, sans-serif; line-height: 19px; } #bannerList a { color: #defaff; } #bannerList a:hover { text-decoration: underline; color: #d8fba0; } #bannerList li { background: url(/images/catbanner/wdl-banner-arrow.png) no-repeat 0px 7px; padding: 0 0 0 10px; } </style> <h4 id="bannerHeadling"><a href="http://www.webdesign.org/templates/" target="_blank">WEB DESIGN TEMPLATES</a></h4> <ul id="bannerList"> <li><a href="http://www.webdesign.org/templates/website-templates-type/" target="_blank">HTML & CSS Templates</a></li> <li><a href="http://www.webdesign.org/templates/flash-templates-type/" target="_blank">Flash Templates</a></li> <li><a href="http://www.webdesign.org/templates/wordpress-themes-type/" target="_blank">Wordpress Themes</a></li> </ul> </div> </div> <div id="header-bottom"></div> <script type="text/javascript"> setTimeout(function(){var a=document.createElement("script"); var b=document.getElementsByTagName('script')[0]; a.src=document.location.protocol+"//dnn506yrbagrg.cloudfront.net/pages/scripts/0012/0919.js?"+Math.floor(new Date().getTime()/3600000); a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 1); </script></body> </html>