Removing gap between heading and text

I've just got a minor css issue in the right sidebar of my site One Million Hit Wonder.

See the very bottom item (Latest News). There is a gap between the heading "Latest News", and the first entry. What do I need to do to the CSS to remove this gap?

If it helps, I am using the YD Recent Posts Plugin from Wordpress to generate this section. http://www.yann.com/en/wp-plugins/yd-recent-posts-widget

Thanks in advance for your help!

 

firstly remove the popup window that loads with black faded background when page loads

that says "you are one in a million".

check it in Firefox it goes down keep on scolling. you will not able to close it nor able to read it.

its fine in IE7

vineet

 

height of div

 

Thanks for your feedback Vineet. I require a bit more clarification however... are you saying that the pop-up stays in the center screen when you scroll down in Firefox? Or in IE?

If so, why is that a problem? You can simply click the [ x ] in the top right of the pop-up to close it can't you?

In regards to my original issue, do you have any feedback on it?

 

in Firefox 3.5.5 i am not able to click the popup.

it always stays at the bottom. i m not able to catch it or click the cross button.

like in IE7 it stays in the center of the window. but its not in center in firefox 3.5.5.

only the black faded backgound stays on upper part of window and popup keeps scrolling as you scroll the page.

Regarding your original issue

the right part of your site is completely floating downwards starting from your logo in IE7.

the gap between news headline is seeing in Firefox 3.5.5 but not in IE7.

vineet

 

Height of which div? I'm not sure what to change... : /

Also, I've noticed this section looks wierd in IE8...wonder why that is...

 

Regarding the pop-up: Cool, thanks, I didn't realise that pop-up was so incompatible with new browsers. I have disabled, but do you have any suggestions for better pop-up plugins for wordpress?

Regarding the sidebar: Check out how bad the Recent posts looks on some of the other pages within the site...it's looks terrible. Why is this?

 

you can try

http://www.huddletogether.com/projects/lightbox2/

but i dont know about wordpress.

vineet

 

Sorry to be a pain....but back to my original issue, are there any suggestions?

 

.yd_rp_widget h4 {
clear:both;
display:block;
font-size:11px;
margin-bottom:0;
}

Code (markup):

Remove {clear: both;}; it's clearing the main column. Don't throw clear properties around without a specific reason/need.

Remove {display: block;}. It's redundant, and superfluous rules are opportunities for error.

cheers,

gary

 

Legend - thanks Gary - worked like a dream