Two part question: Why does my border-image disappear if I remove Float: left, and what can I do in IE?

Question

How do you achieve the border-image CSS for Internet Explorer? I don't want to have a fixed width background for fluid purposes and I'd prefer to have the background form to the size of the container (whatever the browser is rendering it.)

Also, in my current code, if I remove float:left from my CSS under the #content ID, the border-image disappears. Even when it was a background img instead of a border it disappeared when I took the float: left off. Here is the code:

Order Yours Today!

.content {
padding: 10px 0;
width: 90%;
float: left;
margin-left: auto;
margin-right: auto;
border-width:25px 30px 10px 20px;
-moz-border-image:url("images/contentglass2.png") 25 30 10 20 repeat stretch;
-webkit-border-image:url("images/contentglass2.png") 25 30 10 20 repeat stretch;
border-image:url("images/contentglass2.png") 25 30 10 20 repeat stretch;
}

#preview {
width: 90%;
margin-right: auto;
margin-left: auto;
text-align: center;
padding: 40px;
float: left;
}

#cover {
width: 30%;
}

#cover img {
width: 350px;
height: 550px;
float: left;
}

#author img {
float: left;
padding-bottom: 20px;
}

#title img {
float: left;
padding-bottom: 20px;
}

#previewText {
margin-left: auto;
margin-right: auto;
}

Answer 1

If you run Check Page (File>Check Page), you'll see an Parsing Styles error generated for the first line

(

) that won't work in IE 6.



Here's a link to similar Border issues on the Adobe site:



http://www.adobe.com/cfusion/communityengine/index.cfm?event=addSearchTag&productId=1&tagId=24&clearBrowseFilter=true&loc=en_US

Answer 2

LOL I didn't even know for "border-image" parameter... Thank you for providing me with that detail, maybe I will now solve a problem that I had with my page :D



Sorry I really don't know why that border-image disappears. Probably the whole border disappears, and that is likely in IE (especially older versions of IE), because (I heard) it handles borders incorrectly...



Or maybe you should remove the "border-width" parameter? (You already specified the widths in the border-image, so maybe the image is replaced by a solid border?)

If that doesn't help, then I really have no other idea of what might happen.... You're right, only masters can answer that ;)

Answer 3

That's odd. You are still in my contacts and of course you can re-add me :) I checked your contacts too and I'm still there as well. It's probably a Y!A glitch.