Hello Jukka > >> I am trying to float an image right within a #content div. When I >> place the following rule in the <head> element within <style> tags, >> the image floats correctly. >> >> .floatright { >> float: right; >> margin: 0 0 10px 10px; >> border: 1px solid #666; >> } > Aaah! I used Firebug to check inheritance. When I changed the class to (what the markup leads to...)
#content p img.floatright { float: right; margin: 0 0 10px 10px; } the image floats correctly! So, the issue is inheritance? > > >> Now, when I take the same class rule and place it within the main.css >> stylesheet, the image does not see the rule. This should have been my first clue! > > Image appears correctly in both URLs now! >URL with the <style> in the <head element> >http://www.cenacoloamerica.org/cenacolo_1/about/ > >Using the stylesheet alone >http://www.cenacoloamerica.org/cenacolo_1/catechesis/ > >(Please look kindly here <smile> Remember it's in development) Cheers, Dorothy ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/