Hi,

I'm having a little CSS problem again. If ypou visit the following page: http://www.desk02.be/beta/webdesign.html you'll notice the div on the right which has a black border. According to my code it should be positioned perfectly against the red border but it's not in FF1.0 and Opera.
Since FF and Opera are the standard compliant browsers it has to be something I'm doing wrong. Anyone an idea maybe ?

EDIT (not solved) : adding a 1 px border on #webdesign-left fixed the problem but then I endup with a visible 1px border I can't hide because it runs over the soft gradients of the main background.

Code:
  		<div id="webdesign-content">
  
  			<div id="webdesign-right">
 				<div class="process-middle">
 					<div class="process-left">
 		 			<div class="process-right">
 		 		 	text
 						</div>
  				</div>
  			</div>
  
  			</div>
  
  			<div id="webdesign-left">
 				<div id="webdesignbox-middle">
 		 		<div id="webdesignbox-left">
 		 			<div id="webdesignbox-right">
 		 		 	<p>xxx</p>
 						</div>
 					</div>
  				</div>
  
 				<div class="smallbox-middle">
 					<div class="smallbox-left">
 		 			<div class="smallbox-right">
 		 		 	&nbsp;
 						</div>
 					</div>
  				</div>
  
 				<div class="smallbox-middle">
 					<div class="smallbox-left">
 		 			<div class="smallbox-right">
 		 		 	&nbsp;
 						</div>
 					</div>
  				</div>
  
  			</div>
  
  		</div>
Code:
  #webdesign-content {
  border: 0px solid #FFF;
  height: 815px;
  background-color: transparent;
  }
  
  #webdesign-left {
  height: 815px;
  width: 365px;
  background-color: transparent;
  }
  
  #webdesign-right {
  float: right;
  height: 815px;
  width: 350px;
  border: 1px solid black;
  margin: 0;
  padding: 0;
  }
  
  .process-middle {
  background: #DADADA url(images/layout/bg-process-middle.gif) repeat-x top center;
  margin: 0 15px 0 0;
  border: 0px solid red;
  }
  
  .process-left {
  background: transparent url(images/layout/bg-process-left.gif) no-repeat top left;
  margin: 0;
  border: 0px solid red;
  }
  
  .process-right {
  color: #252525;
  background: transparent url(images/layout/bg-process-right.gif) no-repeat top right;
  margin: 0;
  border: 0px solid blue;
  text-transform: uppercase;
  color: #515151;
  font-size: 9px;
  font-weight: bold;
  padding: 12px 0 14px 20px;
  }