Hi need help on CSS!

hey, hello 

i'm getting so unhappy because i've been having a problem getting my previous posts and new posts link working ever since i switched to this new skin.

i've been googling online numerous times just to find the right css that works on blogger.

but to no avail, the nearest thing i got is only that. *points downwards* try it yourself! [only the previous link is "working"] help please? *puppy eyes*

very sad one loh.

its bugging me so much i feel so dumb. :((

so if you'd be so so so so kind,

please guide me where should i correct my css code, cause i just cant link them to any of my posts!

my current css code for those new/old posts link are like below:

b:if cond='BloggerPreviousItems'
[span id='blog-pager-older-link']
[a target="_blank"; href='$BlogItemPermalinkURL$;' id='data:widget.instanceId + "_blog-pager-older-link"' title='data:olderPageTitle']
img src="http://www.geocities.jp/choco_asa/img/icon/arrow/01/01-4/02.gif" previous [/a]
[/span]
[/b:if]
⠂⠂⠂⠂⠂⠂
[b:if cond='data:blog.homepageUrl != data:blog.url']
[a class='home-link' expr:href='data:blog.homePageUrl'][img src="http://i293.photobucket.com/albums/mm62/happyy-stop/smilecup-yellow2.gif" border="0" alt="home"][/a]
[b:else/]
[/b:if]
⠂⠂⠂⠂⠂⠂

[span id='blog-pager-newer-link]
[a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle']
next [img src="http://www.geocities.jp/choco_asa/img/icon/arrow/01/01-2/02.gif"][/a]
[/span]
[/b:if][/div]

your help would be GREATLY APPRECIATED!

thank you! 0x)