I've attempted what you've instructed but it looks really odd plus the navbar height is increased, i think i need to go back to your previous way and find a further solution for lower resolutions like maybe swap the logo out for a smaller one?
Perhaps. But something I have noticed is you have huge spacing/padding in your table for that logo. So perhaps if you fix that then it will look how you want it. (Was it in the logo or was it added to the table or image tags?)
There was table padding (cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" ) which i removed but it still has huge gaps around it?