How to kill whitespace?

http://www.doncullen.net/sk/

If you go there and examine the left and right side images, you'll notice both have whitespace underth them.

This is my CSS:

body { 
	background-image: url('bg.jpg');
	background-attachment: fixed;
	margin: 0px
}

#steelbanner {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	min-height: 20;
	width: 100%;
	background: #fff url('SteelBand.jpg') top left repeat-x;
	background-attachment: fixed;
}

table {
	border: 0px;
	border-spacing: 0px;
	padding: 0px
}

#leftaxe {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 358;
	width: 161px;
	background: #fff url('leftaxe.jpg') top left no-repeat;
	background-attachment: fixed;
	float: left
}

#rightaxe { 
       	position: relative;
	margin: 0px 0px 0px 0px;
       	height: 358; 
       	width: 161px; 
       	background: #fff url('rightaxe.jpg') top right no-repeat; 
       	background-attachment: fixed; 
	float: right
}

Code (markup):

How can I kill the whitespace? The individual images can be seen here:

http://www.doncullen.net/sk/leftaxe.jpg
http://www.doncullen.net/sk/rightaxe.jpg

The dimensions for both images are the same:

Height: 358px
Width: 161px

Ideas? Thanks in advance for any help given! It's much appreciated!

 

It looks ok to me if you change that margin 20px to 0px currently in your css.

 

It does look fine in MSIE, but it doesn't look fine in Firefox. If you look at it using Firefox, you can see the top 20 pixels for both axes are cut off, and that there are approximately 20px of whitespace below each ax.

I'd like to make it compatiable for both browsers...

Ideas?

 

Dont know about u but it looks perfect on my Firefox. I didnt even try it in IE.

 

is that okay now? How could you fix them? we have similar issue in our website.