No replies
Last seen: 17 years 36 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 class=blackboxright>
<img src=images/graphics/blackbox_right.gif border=0>

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


.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