We have used Xtypo for a while and it is an excellent Joomla plug in for those who need easy access to CSS in articles. The developers provide a very useful list of style examples in the plug in. You just copy and paste the syntax into your article.
After some trial and error, and checking the forums, we found out that IE7 renders the code differently than FF. Some styles work in both browsers (quotes), while other styles seem to generate problems with IE7(rounded boxes) - or perhaps it is better to say that IE7 is creating the problems since the plugin works with FF.
The solution to the problem is simple: When you copy and paste the code from the examples in the plug in, the typo coding syntax is in bold characters. This seems to be a problem for IE7. Just make sure the code you place in your article is not in bold and the styles work in FF and IE7!!!
Below are example of Xtypo we are using throughout this site:
this is xtypo alert
this is xtypo info
this is xtypo warning
Ever wondered how to easily insert a quote like this without CSS knowledge?