Could someone advise me on why I’m getting this extra padding... just below images in the header?!
The css is written from scratch except for the reset style sheets from Yahoo’s UI. There shouldn’t be anything unusual there though. Nothing looks like padding or margin in the computed style from Google Chrome. The 2pixels of white space still shows below images when I delete all style sheets in FireBug.
Might sound silly, but the image itself doesn't have 2 pixels of white space?
Also, have you set the img to have margin:0;padding:0; just to be sure? - I've never used Yahoo's reset style sheet I tend to reset elements at the beginning of my CSS, but it could be that the browser is automatically adding the space...
oh, just noticed you are using a <br /> - that is likely the reason for the space. Bad practice to use <br /> to position elements on the page, make use of padding and margin.