Does not display all content after first loading of page

Question

Hello all,
I am having quite strange problem which is hard for me to figure out.
I have 8 buttons on my web site. Each button will display different content. My page is: www.itconnect.co.nz
When you go to my page first time, by default "Design & Software" button will be active. Here when you look on first photo you can see that the bottom part is missing - logos.
However when i click again on "Design & Software" button the missing content will appear.
What could be the problem ?
Thank you to everyone who would like to help.

Answer 1

I am little confused as i don't use flash - only for the Captcha.
The way i did is:
<div class="sp">
    <div class="tabs">
                <span class="repairs">Repairs</span><span class="design">Design & Software</span>
               <span class="security">Security</span><span class="networking">Home Networking</span>
                <span class="communication">Communications</span><span class="cloud">Cloud Solutions</span>
                <span class="maintenance">Maintenance</span><span class="remote">Remote Support</span>
      </div>
      <div class="panel_container">
                <div class="panels">
                                <div class="panel repairs">
                                                <div class="panel_content">                       
                                                                HERE GOEST THE CONTENT
                                                 </div>
                                </div>
<div class="panel design">
                                <div class="panel_content">
                                                                HERE GOES THE CONTENT
                                                </div>   
                                </div>
                                AND SO ON FOR THE OTHER PANELS
                    </div>
</div>
</div>
For my CSS I have:
.sp {
                width: 960px;
                position: absolute;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 10px;
                margin-left: 0px;
.sp .tabs {
                width: 41%;
                float: left;
                height: 450px;
                display: table-column;
.sp .panel_container {
                width: 58%;
                float: right;
                overflow: hidden;
                position: relative;
And for the animation I use JavaScript.
Thanks in advance