WebsiteTips.com - Web Design Tutorials, Tips, Top Resources

CSS - Cascading Style Sheets

Solutions to CSS Browser Bugs and Cross-Browser, Cross-Platform CSS Issues

Frustrated by CSS browser bugs, aka CSS Bugs!  Browser bugs with CSS can be an incredible source of frustration for Web designers and developers. The Solutions to CSS-Related Browser Bugs, CSS Bug Fixes, and Cross-Browser, Cross-Platform Issues section below includes links to articles, tutorials, and resources to help you find CSS bug fixes (solutions to CSS bugs and browser rendering differences), CSS workarounds, hacks, and how to create cross-browser, cross-platform CSS - Cascading Style Sheets. Especially popular are IE7 CSS hacks and bug fixes, which are also included below, along with IE8 CSS bug fixes and more. All or nearly all CSS bug fixes, solutions listed below will still validate to W3C Recommendations, and if they don't, they'll say so with a warning at the particular Web site.

Books on CSS
Recommended by WebsiteTips.com

  • CSS Pocket Reference: Visual Presentation for the Web, 3rd Edition, by Eric Meyer. Published by O'Reilly, October, 2007.
  • Book cover: The CSS Anthology: 101 Essential Tips, Tricks & Hacks, Practical Solutions to Common Problems, by Rachel Andrew
  • The Zen of CSS Design, by Dave Shea, Molly E. Holzschlag. Peachpit 12-2004.
  • Cover - The Ultimate CSS Reference, by Tommy Olsson, Paul O'Brien. Sitepoint (02-2008).

See more CSS books, read reviews, why we recommend each book

In association with In association with Amazon.com

CSS-Related Browser Bugs, Bug Fixes, Solutions, and Workarounds

This section is organized by bugs, solutions, and workarounds bugs, solutions, and workarounds for all browsers first, followed by Internet Explorer Bugs, Solutions, Workarounds (organized by versions), and Netscape 4 Bugs, Solutions, Workarounds.

CSS Bugs, CSS Bug Fixes, Solutions, Workarounds for All Browsers

top‘On this page’ menu

Microsoft Internet Explorer CSS Bugs, Bug Fixes, Hacks, Solutions, Workarounds

Editor note 05 August, 2006, updated 01 December 2006: Although you'll find plenty of approaches to workarounds, hacks, filters, and conditional comments below, conditional comments are currently the recommended way, the “best practice” approach to manage IE's CSS quirks and bugs. What are conditional comments? Here's an example that tells IE to use the content if it's IE6. Other browsers will ignore conditional comments.

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6hacks.css" />
<![endif]-->

The above example will then serve only IE6 with the link to the ie6hacks.css file. Several articles and tutorials below explain in more detail what they are and how to use them. You'll also find plenty of links to CSS bugs, solutions (not just conditional comments!), and workarounds.

Microsoft Internet Explorer, a.k.a. IE: All Versions

top‘On this page’ menu

Microsoft Internet Explorer: Conditional Comments

Conditional comments for IE8, IE7, IE6, IE5...

top‘On this page’ menu

Microsoft Internet Explorer 8, a.k.a. IE8: IE8 CSS Bugs, Bug Fixes, CSS Hacks

Note that this listing is in reverse date order, newest articles at the top (unlike all other listings, which are in alphabetical order).

top‘On this page’ menu

Microsoft Internet Explorer 7, a.k.a. IE7: IE7 CSS Bugs, Bug Fixes, Hacks

See also Clearing Floats in IE7 and Internet Explorer 7 Information Direct from Microsoft below.

Clearing Floats in Microsoft IE7

See also CSS Tools CSS Reference Charts, Tables for helpful charts, including charts on various methods for clearing floats and which approaches work with each browser.

New and Popular Books on CSS
Recommended by WebsiteTips.com

  •  CSS: The Missing Manual. by David Sawyer McFarland. O'Reilly (08-2006). 
  •  Cover - CSS Mastery. by Andy Budd, Simon Collison, Cameron Moll. 02-2006. 
  • CSS: The Definitive Guide, 3rd Ed. by Eric Meyer. O'Reilly (11-2006). 
  • Build Your Own Web Site the Right Way Using HTML & CSS, by Ian Lloyd. SitePoint (May 2, 2006) 

Read reviews, why we recommend each book.

In association with In association with Amazon.com

Internet Explorer 7 Information Direct from Microsoft: IE7 CSS Bugs, Bug Fixes, Hacks

I separated the articles and tutorials above with the posts and information from Microsoft. Note that this listing is in reverse date order, newest articles at the top (unlike all other listings, which are in alphabetical order).

top‘On this page’ menu

Microsoft Internet Explorer 6, aka IE6: IE6 CSS Bugs, Bug Fixes, Hacks

Many IE6 CSS bugs are covered above within Microsoft Internet Explorer: All Versions, Microsoft Internet Explorer: Conditional Comments and Bugs, Solutions, Workarounds for All Browsers. Below you'll find quite a few tutorials, articles, that focus specifically on IE6.

Microsoft Internet Explorer 6, aka IE6: IE6 Behaviors and csshover.htc

Since IE6 and below does not natively support the :hover on elements other than the anchor - <a> - element (hyperlinks), the csshover.htc file approach below can be used to get IE to implement your :hover element rules, such as for CSS flyout menus and other CSS hover implementations. Below are links to the originator's website and files and other tutorials, tips, and information regarding alternatives and .htc files.

top‘On this page’ menu

Microsoft IE5 Mac

top‘On this page’ menu

Netscape 4 Bugs, Solutions, Workarounds

Some still need to cover Netscape 4, so this section remains here, although this old browser is nearing extinction at this point. These links go to sites specifically about Netscape 4 issues. The All Browsers section above has more on Netscape 4, too.

top‘On this page’ menu

Cross-Browser, Cross-Platform CSS Typography and Font Issues and Solutions has moved to the CSS Typography page: Cross-Browser, Cross-Platform CSS Typography and Font Issues and Solutions.

top‘On this page’ menuNavigation belowSearch/Sidebar

Web Site Resources

Most Popular Books

In association with  In Association with Amazon.com 

Our Other Sites

SKDesigns

Effective, accessible, standards-based Web site design since 1996

SKDesigns - skdesigns.com

Brainstorms & Raves

Weblog on Web design, CSS, standards, music, more. By Shirley Kaiser, SKDesigns.

Brainstorms & Raves


Within Articles, Tutorials, Tips:

Within Web Site Resources:
SkipShow or Hide Detailed Navigation