No replies
trebor
Offline
newbie
Last seen: 15 years 37 weeks ago
Joined: 2004-03-26
Posts: 5
Points: 0

Hello. I am having an alignment problem with page and stylesheet for IE 6 Windows. I have an image (attatched below) which I have sliced into four pieces to create the white border pictured in the screenshot below.
When I view the page in IE 6 Windows, the slices do not align flush to one another, leaving two small gaps in the white border. (between the top slice and the bottom slice)

The slices align properly (as seen in attatched screenshot) in Safari, Netscape 7, Opera , and Mac IE 5.

Any ideas? Here is the code and style declarations I am using:

<div class=blackbox>

<img src=images/graphics/blackbox_top.gif border=0>

<div class=blackboxleft>
<img src=images/graphics/blackbox_left.gif border=0>
</div>

<div class=blackboxright>
<img src=images/graphics/blackbox_right.gif border=0>
</div>

<img src=images/graphics/blackbox_bottom.gif border=0>

</div>

.blackbox {

position: absolute;
width: 722px;
left: 50%;
margin-left: -361px;
margin-right: 361px;
z-index: 1;
background-color: #000000

}

.blackboxleft {

width: 10px;
float: left;
margin: 0px;

}

.blackboxright {

width: auto;
padding: 0px 0px 0px 712px;
margin: 0px;
background-color: #000000

}