Header Image help

I am having a few problems inserting an image into my vbulletin template, I understand that WF isnt exactly a vbulletin site but this is a question on html and css.

I am trying to have an image opposite my site logo at girlsonlyforum.co.uk. I have been using the following code to get it to work in Firefox, I know there's probably plenty of errors with it.

When in IE I get a huge block of whitespace at the top of the site.

Theres quite a few other things I know need fixing in ie on the site but i have to conquer them one by one.

Does anyone know a fix for this. my code may be wrong and I may need to add to it.

Thank you for all help and suggestions


Here is my code more or less lol:

Code: Select all

#headerright {
            
            height: 260px;
            width: 120px;
            
}

.banner {

        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 54px;
        padding-right: 5px;
        
        
}



<div id="headerright">
<div class="banner" style="float:right"><img src="/images/extras/ultimate-girls-community.png" border="0" alt="Ultimate Girls Community"/></div>
</div>

Also in IE the navigation buttons spacing is well, 0. All the buttons hug together, in firefox their spacing is fine.

Anyone have any ideas on fixing these problems?

__________________
Ultimate Teen Forums - http://www.ultimateteenforums.com

Perhaps VB's forum would be a better place to ask

__________________
Hampshire Web Design -UK Hosting & Web Design - 0208 144 5083
CubeCartSkins.net - Templates & Mods for CubeCart