Cannot get user1 to user4 blocks in YouGrids template to line up

Hi
I cannot get user1 to user4 blocks in YouGrids template to line up in one line across the template.

I have added the class suffix .box below to four custom html modules and given them the positions user1, user2, user3 and user4 and the code into template.css

.box {
padding: 0px;
margin: 0px;
box-shadow: 0px 0px 3px darkgray;
}

and I have also added this to the layout.css file

#user1, #user2, #user3, #user4 {
padding:3px;
}

I have also tried adjusting the templates module grid settings but nothing seems to work, please see picture attached, any help would be appreciated!
Tanks in advance

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 2.5

MySQL Version: 4.x

PHP version: 4.x

Link to installation: localhost

Have you edited any files? If yes tell us which ones.: Yes