How do I make my rounded corners extend?

[Jarod]

I've completed it a bit, but not entirely because I cant get the rounded corners to work the way they're suppose to. Here are the images I am using:

 

http://i45.tinypic.com/2z4wvaq.png

http://i50.tinypic.com/1zyx4oy.png

 

This is how they would look if working:

 

 

AND here is the code I used (HTML)

		<div id="main_menu">
		<ul>
			<li><a href="#"><span class="side" id="selected">Home<span class="mm_desc">welcome!</span></span></a></li>
			<li><a href="#"><span class="side">About<span class="mm_desc">up and personal</span></span></a></li>
			<li><a href="#"><span class="side">Portfolio<span class="mm_desc">all the workpieces</span></span></a></li>
		</ul>
	</div>

 

And here is the CSS code:

@charset "utf-8";
/* CSS Document */

#main_menu {
float: right;
}

#main_menu ul {
margin: 30px;
padding: 0;
}
#main_menu ul li {
	display: inline;
	margin: 0 5px;
}
	#main_menu ul li a {
		background: url(../img/menu_button_ext.png) no-repeat left;
		padding: 13px 15px;
		display: inline-block;
		color: #808080;
		text-decoration: none;
		text-shadow: 1px 1px 0 #e9e9e9;
		font-weight: 700;
	}
	#main_menu ul li a:hover {
		color: #404040;
		text-shadow: 1px 1px 0 #d9d9d9;
	}
	#main_menu ul li #selected {
		color: #404040;
		text-shadow: 1px 1px 0 #d9d9d9;
	}
	#main_menu ul li a side {
		background: url(../img/menu_button_side.png) no-repeat right;
	}

	#main_menu ul li a span.mm_desc {
		display: block;
		font-weight: normal;
	}

 

 

 

Any reason why it isn't working??? 

[FaT3oYCG]

you didnt really explain the problem but i am guessing that you are getting blank space inbetween some that have large lines of content, to solve this issue you would take a slice from the end of one of those images and set it as the background in the main containing div or li in this case with repeat-x so that it covers any area that is not covered.

[Jarod]

I fixed it now, I've never done this and didn't look at any tutorial (still didnt cuz I didnt know where to look for one at o.O). The problem was that for some reason the li tag wouldn't show the image, so I just made another base for the sliding image to stand on. It's working now.