clean urls break spreadfirefox theme

I'm using the Spreadfirefox cvs theme with 4.7 on our Intranet and had two occurrences of this same issue. I'm not at work so I'm trying to remember the circumstance but I think that removing the

br.clear {
	clear: both;
	}

at the bottom of the layout.css fixed it.

And I also had a problem with tables in the content area dropping below the left block area (only in IE6) - to fix it I changed this in the style.css

.main-content table {
  width: 99%; /* needed for IE */ 

to

.main-content table {
  width: 98%; /* needed for IE */ 

I'm not a CSS expert and this was discovered by trial and error. If you continue to have problems I'll send you my theme from work on Tuesday.

I had the same problem and discovered the problem was in the path to the css files. The paths were set relative but because of the clean urls they won't resolve to the correct files.

Open up page.tpl.php under the spreadfirefox theme directory and find the following:

 <style type="text/css" media="screen">
  <!--
   @import url(<?php print path_to_theme()."/modules.css"; ?>);
   @import url(<?php print path_to_theme()."/nav.css"; ?>);
   @import url(<?php print path_to_theme()."/layout.css"; ?>);
  -->
 </style>

Replace it with:

 <style type="text/css" media="screen">
  <!--
   @import url(<?php print base_path().path_to_theme()."/modules.css"; ?>);
   @import url(<?php print base_path().path_to_theme()."/nav.css"; ?>);
   @import url(<?php print base_path().path_to_theme()."/layout.css"; ?>);
  -->
 </style>

Hope that helps.