flickrprob

Flickr Badge Problem
I'm trying to add an HTML flickr badge to the front page that should display three fairly large images in a horizontal row. But when I paste in the embed code, I get a giant swath of white space between the badge and the text on the page. For reference, it should fit into something like this:

Pictures here

Text here...

But this is what happens:
media type="custom" key="827385"

Text here...

The code for this badge is as follows:
code

 .flickr_badge_image {text-align:center !important;} .flickr_badge_image img {border: 1px solid black !important;}
 * 1) flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
 * 2) flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
 * 3) flickr_icon_td {padding:0 5px 0 0 !important;}
 * 1) flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
 * 2) flickr_badge_uber_wrapper a:hover,
 * 3) flickr_badge_uber_wrapper a:link,
 * 4) flickr_badge_uber_wrapper a:active,
 * 5) flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#660033;}
 * 6) flickr_badge_wrapper {}
 * 7) flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

code

Any ideas for how to fix this?