Div is overlapping in the tabmenu

[andaak]

Problem is my content div is overlapping the tab menu bar at the top.

I added a picture so you can see the overlapping, and the text document should contain the website.

Also noticed that using " instead of ' makes IE8 screw up the content of my site.

And am using:
<p style="padding-bottom: 800px;">
</p>

to extend the site, is it smart to put it in the css instead of the html? also if there is any better option.

ty

[Excavator]

Hello andaak,
Look what closing your #cssmenu before starting your #content can do for you -

<div id="content">
    <div id='cssmenu'>
        <ul>
           <li class='active '><a href='index.html'><span>Home</span></a></li>
           <li class='has-sub '><a href='#'><span>Index</span></a>
              <ul>
                 <li class='has-sub '><a href='#'><span>Micrsooft Office</span></a>
                    <ul>
                       <li><a href='\\x.html'><span>T</span></a></li>
                       <li><a href='\\x.html'><span>E</span></a></li>
                       <li><a href='\\x.html'><span>O</span></a></li>
                       <li><a href='\\x'><span>P</span></a></li>
                    </ul>
                 </li>
                 <li class='has-sub '><a href='#'><span>Product 2</span></a>
                    <ul>
                       <li><a href='#'><span>Sub Item</span></a></li>
                       <li><a href='#'><span>Sub Item</span></a></li>
                    </ul>
                 </li>
              </ul>
           </li>
           <li><a href='x.html'><span>Tab1</span></a></li>
           <li><a href='x.html'><span>Tab2</span></a></li>
           <li><a href='x.html'><span>Tab3</span></a></li>
           <li><a href='x.html'><span>Tab4</span></a></li>
           <li><a href='x.html'><span>Tab5</span></a></li>
        </ul>
    <!--end cssmenu--></div>
<div id="content"> /*you cannot re-use an id*/

Using some padding to extend the site is fine... I would put it in the CSS though, yes.

I'm not sure what screws up in IE8. That browser does not support your CSS3 rounded corners but that has nothing to do with " or ' . Could you be more specific?

[andaak]

Thanks for the reply! it works

It was something about my content was all white, like something was overlapping, but I am not 100% sure.

May I ask if you know any good javascript that opens a div when clicked on?

[Excavator]

Originally Posted by andaak

Thanks for the reply! it works

It was something about my content was all white, like something was overlapping, but I am not 100% sure.

May I ask if you know any good javascript that opens a div when clicked on?

I like jQuery. Lots of stuff to choose from ... too many to even guess what you're looking for. Try http://papermashup.com/simple-jquery-showhide-div/
or http://www.google.com/search?q=open+...s&ie=&oe=&rlz=

[webdevs]

For the overlapping please use clear fix technique.

[andaak]

Cheers guys, your the best!