I’m having problem aligning my list items (.activity-item) to the right for Firefox 3, Safari and Chrome. I’m guessing that it has something to do with how WebKit interpret the page because it is working fine for IE7 and Firefox 2.

Is there any way I can fix this because currently when I resize my browser, there is a gap in the middle (attached: pic-1.jpg). I don’t want this to happen, that’s why I’m aligning it to the right so that the gap is on left (attached: pic-2.jpg).

The website is http://www.jonkoay.com.

Any help will be greatly appreciated.