[BNM] IE: CSS Fuckwittery... the second decade approacheth.

[Joe Aliferis]

I think its a problem with inheritance in IE

DIV parent is body (which is naturally full screen)

Have you tried width:auto;  ?

joe 

> Hello folks, I know it's only 2009 but I've got a bit of IE CSS 
> fuckwittery that I'm finding myself wasting fruitless hours on.
>
> You see this:
>
> http://www.weirdsky.com/test/test.html
>
> I don't suppose anyone knows how to get it to shrink-wrap in IE... 
> without specifically specifying the width?
>
> the code looks like:
>
>
>
> <div class="box">
> <div class="top-left"></div><div class="top-right"></div>
> <div class="boxContent">Hello, I am some content</div>
> <div class="bottom-left"></div><div class="bottom-right"></div>
> </div>
>
>
> <style>
>
> .box {
> 	top: 20px;
> 	left:10px;
> 	font-size:15px;
> 	float:left;
> }
>
> .box .boxContent{
> 	background-color:#000;
> 	color:#fff;
> 	padding:15px;
> }
>
>
> .box .top-left {
> 	margin-right: 6px; /* clip right corner */
> 	background-image:url('images/boxBG.gif');
> 	height: 6px; /* vertical: show first half of the image with the 
> top-corners in it */
> 	font-size:2px;
> }
>
> .box .top-right {
> 	margin-top: -6px; /* to level of top-left corner */
> 	margin-left: 6px; /* clip left corner */
> 	background-image:url('images/boxBG.gif');
> 	background-position: 100% 0; /* show bg-image starting at the right */
> 	height: 6px;
> 	font-size:2px;
> }
>
> .box .bottom-left {
> 	margin-right: 6px; /* clip right corner */
> 	background-image:url('images/boxBG.gif');
> 	background-position: 0 -6px; /* show under half of the image */
> 	height: 6px;
> 	font-size:2px;
> }
>
> .box .bottom-right {
> 	margin-top: -6px; /* to level of bottom-left corner */
> 	margin-left: 6px; /* clip left corner */
> 	background-image:url('images/boxBG.gif');
> 	background-position: 100% -6px; /* under half, right side */
> 	height: 6px;
> 	font-size:2px;
> }
>
>
> </style>
>