Greetings,

I am trying to do some fancy branding to a page and am getting 'leakage' 
in IE.  I have posted this problem to the following URL:

http://www.junklogic.com/moneymakin/temp_box.html

I would like to create basically a template of these rounded-cornered 
'widgets' that developers can plug their data into.  It's for a data 
dashboard for a agentless GUI for a hardware security appliance, so 
accessibility issues differ a bit....a little extra markup is ok, and 
thus I am doing the <div><div><div><div> thing for each rounded corner.  
This was 'borrowed' from Cederholm's Bulletproof Web Design book.  
However, I cant assign background images to the content itself as 
written in the book, as the content is all conditional and dynamic. 

in the method i wrote this up, in IE, im getting a 'leakage' in the 
margin-bottom. In IE7, the leakage happens on the last box listed.  I 
can add 15 of these boxes, and all will display fine except the last 
one.  in IE6, all boxes display this leakage. 

If i add a float, the leakage goes away however  the width is then 
auto'd in mozilla, something i'd like to avoid if possible.  Is there a 
technique i can have these default to 100% width (i'd like to avoid 
declaring width's and heights if possible)?   I figure i'm missing a 
couple vital root-level rules of CSS here, so any input is greatly 
appreciated.  thanks. 

-Court




______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to