Using the browser css files

Each themelet can have its own browser specific css files. If one of the below files is present in a themelets css folder, it will automatically be included by Morph.

• browsers.css
• firefox.css
• safari.css
• chrome.css
• opera
• ie.css
• ie6.css
• ie7.css
• ie8.css

The path to these css files is "morph_assets/themelets/[yourthemelet]/css"

Depending on the amount of fixes required for any given browser will generally determine whether the fixes can be included in the general browser fixes css (browser.css) or whether it is better to be kept in its own separate file (like ie6.css).

For the small cross browser inconsistencies, often the browsers.css will be sufficient and each fix can just be prepended with the specific browser version, eg:

.firefox355 #primary-content{}
.safari404 #primary-content{}
.opera980 #primary-content{}