css code adjustment problem.

[Enc]

Need some help with the below code statments .top_left and .top_right theres no issue with how the code displays the images, which is being used to inclose menus and text areas within the site. The problem is i am not sure what code to implement when i want to change the width of .top_left and .top_right images because as soon as i change the widths the images either dont show or i get corruption. I have tryed putting in width statements but it wont show the new widths of the new images or wont show at all.

what im lookin for is the code changes so i can change the widths accordingly and implement new images as and when i need to.

Can anyone help me please i am new to css.

style.css.

.ffimgfix { display:block; }

.top_left { background-image: url(images/top_left.png); }

.top_middle { background-repeat: repeat-x; background-image: url(images/top_middle.png); }

.top_right { background-image: url(images/top_right.png); }

.middle_left { background-repeat: repeat-y; background-image: url(images/middle_left.png); }
.middle_middle { background: #62a4d2; padding: 4px 5px 5px 4px; font-size: 10px; color: #000; font-family: verdana, tahoma, arial, sans-serif; vertical-align:top; }
.middle_right { background-repeat: repeat-y; background-image: url(images/middle_right.png); }
.bottom_left { background-image: url(images/bottom_left.png); }
.bottom_middle { background-repeat: repeat-x; background-image: url(images/bottom_middle.png); }
.bottom_right { background-image: url(images/bottom_right.png); }
.divide_news { background-repeat: repeat-x; background-image: url(images/divide_news.png); }

[Enc]

Nobody can help on this......