Facebook widget and issues with Hierarchy

Have a wordpress site, and a text widget that contains some facebook code (displays latest friends etc)

This chunk of code loads an external style sheet from another site (facebook related, not under my control)

I don't want to remove the styling completly because that would mean redoing alot of styling. However I do want to change some things like border etc

The styling I'm trying to change is as follows

.fbConnectWidgetTopmost {
border-color:#315C99 #AAAAAA #AAAAAA;
border-right:1px solid #AAAAAA;
border-style:solid;
border-width:1px;
overflow:hidden;
padding:0;
position:relative;

I'm using an internal style sheet in the head to do this

<style type="text/css">
	img, div, a, input { behavior: url(<?php bloginfo('template_directory'); ?>/css/iepngfix.htc) }
	.fbConnectWidgetTopmost {border-style:none; border-width:none; border-right:none;}
	</style>

This code is loaded in the head but the styling doesn't change and in firebug I don't see the css from the internal style sheet being called at all.

What am I missing?

Cheers