Hi guys.
Basically I have a liquid(horizontally flexible) center box. I need this box to have an upper-left bg image (shadow) and a lower right bg image (another shadow) giving it a slightly recessed look. No problem one div for the lower right bg image and another for the upper left image as well as the content.
Here's the trick. If I use a small 1px border around the main div, I get a 1px space between the bottom-right image and the border. The code is as follows:
Anyone know of a way to remove this 1px spacing between the border and the bg image? Also, how can I pad the top and left by 4px without shifting the bottom bg image down?
Basically I have a liquid(horizontally flexible) center box. I need this box to have an upper-left bg image (shadow) and a lower right bg image (another shadow) giving it a slightly recessed look. No problem one div for the lower right bg image and another for the upper left image as well as the content.
Here's the trick. If I use a small 1px border around the main div, I get a 1px space between the bottom-right image and the border. The code is as follows:
Code:
<div id="empty" style="position:absolute; width:<?php echo $pwidth;?>%; height:<?php echo $height2;?>px; z-index:4; left: 101px; top: 0px; padding-left: <?php echo $padding;?>px;padding-top: <?php echo $padding;?>px;" class="content_bg"></div>
<div id="content" style="position:absolute; width:<?php echo $pwidth;?>%; height:<?php echo $height2;?>px; z-index:5; left: 101px; top: 0px; padding-left: <?php echo $padding;?>px;padding-top: <?php echo $padding;?>px;" class="content_bg2">
MAIN CONTENT GOES HERE
</div>Anyone know of a way to remove this 1px spacing between the border and the bg image? Also, how can I pad the top and left by 4px without shifting the bottom bg image down?
