Page is a not externally linkable
Entity - 9:20 pm on May 23, 2011 (gmt 0)
So I have a main portion of the website that I want fitted with image borders.
CSS:
#MainBody
{
margin-left:10%;
margin-right:10%;
min-width:800px;
}
.Border_top
{
background-image:url(../images/main_top.png); /* Border image */
background-repeat:repeat-x;
background-attachment:fixed;
background-position:0% 0%;
width:100%;
}
HTML:
<div id="MainBody">
<div class="Border_top">
Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>
</div>
Using that code, the image simply doesn't show up at all, anywhere on the page. What's stumping me is that using the float property instead results in the image showing up completely fine, where it should.
.Border_top
{
background-image:url(../images/main_top.png); /* Border image */
background-repeat:repeat-x;
float:left;
width:100%;
}
However, I can't use the float property as it causes the images for the right and bottom borders to appear where the ones for the top and left are (in other words, broken and ugly). Any ideas?