Hello everyone!

Im quite new in this (i have only worked with wordpress before), and i would really appreciate your help. Im currently workin on this webpage: http://tradeforuniversity.com/
I tried my best to modify this osclass CMS, but i couldnt fix by myself following issues:


  1. Opera, and IE8 and older are displaying Facebook and Twitter buttons differently, than Chrome and firefox. there is large gap above the main logo. how can i make it display just as in chrome?
    described here: http://postimg.org/image/s499ij6wl/

  2. i would like to move the Facebook and Twitter buttons a bit down? (in all browsers)
    described here: http://postimg.org/image/7hkjx7nhx/

  3. (optional, nobody is using IE8 anymore, i hope) how to fix the postadd button in IE8 and older? it has moved to right, and is only half visible.
    (described in the first picture)


The code:

this is in my header.php: (whole file here: http://s000.tinyupload.com/?file_id=...28038906134262 )

PHP Code:
       <!-- faceboook / twitter --> 
            
            <div class="nav secondary-nav">
                                <div class="social">
                                    <a href="http://facebook.com/tradeforuniversity"> <img src="<?php echo osc_current_web_theme_url('images/facebook.png') ; ?>" alt="follow us on Facebook" title="facebook" /></a>
                                </div>
                                
                                <div class="social">
                                    <a href="http://twitter.com"> <img src="<?php echo osc_current_web_theme_url('images/twitter.png') ; ?>" alt="twitter" title="twitter" /></a>
                                </div>
            </div>
preceded by login/register buttons, followed by div with main logo and for menu

CSS files

(the only things i belive that are somehow connected to this issue):

bootscrap.min CSS file (whole file is here: http://s000.tinyupload.com/?file_id=...46926635165883 )
HTML Code:
.topbar div>ul.secondary-nav,.nav.secondary-nav{float:right;margin-left:10px;margin-right:0; }.topbar div>ul.secondary-nav .menu-dropdown,.nav.secondary-nav .menu-dropdown,.topbar div>ul.secondary-nav .dropdown-menu,.nav.secondary-nav .dropdown-menu{right:0;border:0;}
and custom.css file: (whole file is here: http://s000.tinyupload.com/?file_id=...78004360698985 )
HTML Code:
 .social a   
 {display:block;float:none; padding:0px 0px 0px;text-decoration:none;}
 
 .social {float:right;margin-left:10px;margin-right: 0px; }
Forgive me my common laguage, because its all new for me. I would be very gratefull for any kind of help. Thanks in advance.