Grow your CSS skills. Land your dream job.

Sidebar unfolds down IE6 and 7.

  • # May 26, 2009 at 2:07 am

    I have a problem with CSS is the following:

    In http://www.vidanuevalourdes.com where I use the theme of Revolution church. The sidebar is behaving in an unexpected way, located below the body of the site.
    Indicating which would help me a problem and because it behaves this way.

    I appreciate all the help provided.

    Code:

    Code:
    /*
    Theme Name: Revolution Church
    Theme URL: http://www.revolutiontwo.com/themes/church
    Description: Revolution Church is a 3-column Widget-ready theme created for WordPress.
    Author: Brian Gardner
    Author URI: http://www.briangardner.com
    Version: 1.0
    Tags: three columns, fixed width, white, gray, black, red, sidebar widgets

    The CSS, XHTML and design is released under GPL:

    http://www.opensource.org/licenses/gpl-license.php

    Changelog:
    v1.0 – 09.27.08
    First Release of Revolution Church
    */

    body {
    background: #006600 url(images/bg.png);
    width: 980px;
    color: #333333;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px auto 0px;
    padding: 0px;
    }

    #wrap {
    background: #EEEEEE;
    width: 960px;
    margin: 10px auto 10px;
    padding: 0px;
    position: relative;
    border: 10px solid #333333;
    }

    /************************************************
    * Hyperlinks *
    ************************************************/

    a, a:visited {
    color: #A91B33;
    text-decoration: none;
    }

    a:hover {
    color: #A91B33;
    text-decoration: underline;
    }

    /************************************************
    * Top Navbar *
    ************************************************/

    #topnavbar {
    background: #111111 url(images/topnav.png);
    width: 960px;
    height: 30px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    }

    #topnavbar a, #topnavbar a:visited {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    }

    #topnavbar a:hover {
    text-decoration: underline;
    }

    #topnavbar p {
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    }

    .topnavbarleft {
    width: 230px;
    float: left;
    margin: 0px;
    padding: 8px 0px 0px 10px;
    }

    .topnavbarright {
    width: 600px;
    float: right;
    margin: 0px;
    padding: 7px 10px 0px 0px;
    text-transform: uppercase;
    text-align: right;
    }

    .topnavbarright a img {
    border: none;
    margin: 0px 3px 3px 0px;
    padding: 0px;
    }

    /************************************************
    * Header *
    ************************************************/

    #header {
    background: #111111 url(images/header.png);
    width: 960px;
    height: 100px;
    color: #FFFFFF;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    }

    #header h1 {
    color: #FFFFFF;
    font-size: 36px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    margin: 0px;
    padding: 15px 0px 0px 20px;
    text-decoration: none;
    }

    #header h1 a, #header h1 a:visited {
    color: #FFFFFF;
    font-size: 36px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    }

    #header h1 a:hover {
    color: #FFFFFF;
    text-decoration: none;
    }

    #header h3 {
    color: #A91B33;
    font-size: 16px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    }

    #header p {
    color: #FFFFFF;
    padding: 0px 0px 5px 20px;
    margin: 0px;
    line-height: 20px;
    }

    .headerleft {
    width: 460px;
    float: left;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    }

    .headerleft a img {
    border: none;
    margin: 0px;
    padding: 0px;
    }

    .headerright {
    width: 486px;
    float: right;
    margin: 0px;
    padding: 18px 0px 0px 0px;
    font-weight: bold;
    }

    .headerright a img {
    border: none;
    margin: 0px 0px 3px 0px;
    padding: 0px;
    border: 1px solid #FFFFFF;
    }

    /************************************************
    * Navbar *
    ************************************************/

    #navbar {
    background: #555555 url(images/navbar.png);
    width: 960px;
    height: 35px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    }

    #navbarleft {
    width: 680px;
    float: left;
    margin: 0px;
    padding: 0px;
    }

    #navbarright {
    width: 280px;
    font-size: 11px;
    float: right;
    margin: 0px;
    padding: 6px 0px 0px 0px;
    }

    #nav {
    margin: 0px;
    padding: 0px;
    }

    #nav ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #nav li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #nav li a, #nav li a:link, #nav li a:visited {
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    margin: 0px;
    padding: 9px 15px 8px 15px;
    }

    #nav li a:hover, #nav li a:active {
    background: #555555 url(images/navhov.png);
    color: #FFFFFF;
    margin: 0px;
    padding: 9px 15px 8px 15px;
    text-decoration: none;
    }

    #nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #555555;
    width: 150px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    float: none;
    margin: 0px;
    padding: 7px 10px 7px 10px;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    }

    #nav li li a:hover, #nav li li a:active {
    background: #777777;
    color: #FFFFFF;
    padding: 7px 10px 7px 10px;
    }

    #nav li {
    float: left;
    padding: 0px;
    }

    #nav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0px;
    padding: 0px;
    }

    #nav li li {
    }

    #nav li ul a {
    width: 140px;
    }

    #nav li ul a:hover, #nav li ul a:active {
    }

    #nav li ul ul {
    margin: -32px 0 0 171px;
    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
    }

    #nav li:hover, #nav li.sfhover {
    position: static;
    }

    /************************************************
    * SubNavbar *
    ************************************************/

    #subnavbar {
    background: #666666;
    width: 960px;
    height: 24px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    }

    #subnav {
    margin: 0px;
    padding: 0px;
    }

    #subnav ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #subnav li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #subnav li a, #subnav li a:link, #subnav li a:visited {
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 5px 0px 0px;
    padding: 6px 13px 6px 13px;
    }

    #subnav li a:hover, #subnav li a:active {
    background: #888888;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    margin: 0px 5px 0px 0px;
    padding: 6px 13px 6px 13px;
    }

    #subnav li li a, #subnav li li a:link, #subnav li li a:visited {
    background: #666666;
    width: 140px;
    float: none;
    margin: 0px;
    padding: 6px 10px 6px 10px;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    }

    #subnav li li a:hover, #subnav li li a:active {
    background: #888888;
    margin: 0px;
    padding: 6px 10px 6px 10px;
    }

    #subnav li {
    float: left;
    padding: 0px;
    }

    #subnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0px;
    padding: 0px;
    }

    #subnav li li {
    }

    #subnav li ul a {
    width: 140px;
    }

    #subnav li ul a:hover, #subnav li ul a:active {
    }

    #subnav li ul ul {
    margin: -25px 0 0 161px;
    }

    #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
    left: -999em;
    }

    #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
    left: auto;
    }

    #subnav li:hover, #subnav li.sfhover {
    position: static;
    }

    /************************************************
    * Homepage *
    ************************************************/

    #homepage {
    float: left;
    width: 610px;
    margin: 0px;
    padding: 0px;
    }

    #homepage p {
    margin: 0px;
    padding: 0px;
    }

    #homepage p img {
    border: none;
    float: left;
    margin: 0px;
    }

    #homepage ul {
    list-style-type: square;
    margin: 0px;
    padding: 0px 0px 15px 0px;
    }

    #homepage ul li {
    list-style-type: square;
    margin: 0px;
    padding: 0px;
    }

    .hpdate {
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    }

    #homepagetop {
    background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
    float: left;
    width: 610px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    border: 1px solid #DDDDDD;
    }

    #homepagetop p {
    font-size: 12px;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    }

    .featuredtop {
    float: left;
    margin: 0px;
    padding: 10px;
    display: inline;
    }

    .featuredtop img {
    border: none;
    margin: 0px;
    }

    #homepagebottom {
    background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
    float: left;
    width: 610px;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    border: 1px solid #DDDDDD;
    }

    #homepagebottom p {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    }

    .hpbottom {
    float: left;
    width: 590px;
    margin: 0px;
    padding: 10px;
    display: inline;
    }

    .hpbottom img {
    border: none;
    margin: 0px;
    }

    #homepageleft {
    float: left;
    width: 300px;
    margin: 0px;
    padding: 0px;
    }

    .hpfeatured {
    background: #FFFFFF url(images/featuredtop.gif) top no-repeat;
    float: left;
    width: 280px;
    margin: 0px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #DDDDDD;
    }

    .hpfeatured img {
    border: none;
    margin: 0px;
    }

    #homepageright {
    float: right;
    width: 300px;
    margin: 0px;
    padding: 0px;
    }

    /************************************************
    * Content *
    ************************************************/

    #content {
    width: 940px;
    margin: 0px auto 0px;
    padding: 10px 0px 0px 0px;
    line-height: 18px;
    }

    #content h1 {
    color: #444444;
    font-size: 22px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
    padding: 10px 0px 0px 0px;
    }

    #content h1 a, #content h1 a:visited {
    color: #444444;
    font-size: 22px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
    padding: 10px 0px 0px 0px;
    }

    #content h1 a:hover {
    color: #A91B33;
    text-decoration: none;
    }

    #content h2 {
    background: #000000;
    color: #FFFFFF;
    font-size: 20px;
    font-family: Georgia, Times New Roman, Trebuchet MS;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 10px;
    }

    #content h3 {
    background: #333333 url(images/headline.png);
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    padding: 3px 0px 3px 7px;
    }

    #content h4 {
    color: #A91B33;
    font-size: 22px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
    padding: 10px 0px 0px 0px;
    }

    #content img.wp-smiley {
    float: none;
    border: none;
    margin: 0px;
    padding: 0px;
    }

    #content img.wp-wink {
    float: none;
    border: none;
    margin: 0px;
    padding: 0px;
    }

    #contentleft {
    float: left;
    width: 600px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    }

    #contentleft p {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    }

    #contentleft a img {
    border: none;
    }

    #contentleft ul {
    list-style-type: square;
    margin: 0px;
    padding: 0px 0px 15px 0px;
    }

    #contentleft ul li {
    list-style-type: square;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    }

    #contentleft ul ul {
    list-style-type: square;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }

    #contentleft ol {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    }

    #contentleft ol li {
    margin: 0px 0px 0px 20px;
    padding: 0px;
    }

    blockquote {
    background: #E8E8E8;
    margin: 0px 25px 15px 25px;
    padding: 10px 20px 0px 15px;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #666666;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #666666;
    }

    #content blockquote p {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    }

    .postarea {
    background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
    float: left;
    width: 590px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    }

    .breadcrumb {
    float: left;
    width: 590px;
    font-size: 11px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 3px 0px;
    border-bottom: double #EAEAEA;
    }

    .date {
    width: 590px;
    float: left;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    }

    .dateleft {
    width: 350px;
    float: left;
    margin: 0px;
    padding: 0px;
    }

    .dateright {
    width: 200px;
    float: right;
    margin: 0px;
    padding: 0px;
    text-align: right;
    }

    .time {
    background: #FFFFFF url(images/icon_time.gif) no-repeat top left;
    margin: 0px 0px 0px 3px;
    padding: 0px 0px 0px 20px;
    }

    .comment {
    background: #FFFFFF url(images/icon_comments.gif) no-repeat top left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
    }

    .tags {
    background: #FFFFFF url(images/icon_tags.gif) no-repeat top left;
    margin: 0px;
    padding: 0px 0px 0px 18px;
    }

    .category {
    background: #FFFFFF url(images/icon_category.gif) no-repeat top left;
    margin: 0px;
    padding: 0px 0px 0px 18px;
    }

    .postmeta {
    width: 590px;
    font-size: 12px;
    padding: 5px 0px 0px 0px;
    margin: 0px;
    border-top: double #EAEAEA;
    }

    .postmeta2 {
    width: 590px;
    font-size: 12px;
    padding: 5px 0px 40px 0px;
    margin: 0px;
    border-top: double #EAEAEA;
    }

    .archive {
    float: left;
    width: 275px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    }

    .adsense-post {
    background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
    float: left;
    width: 590px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    }

    .comments {
    background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
    float: left;
    width: 590px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    }

    /************************************************
    * Images *
    ************************************************/

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    }

    img.alignnone {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    display: inline;
    }

    img.alignright {
    padding: 0px;
    margin: 0px 0px 10px 10px;
    display: inline;
    }

    img.alignleft {
    padding: 0px;
    margin: 0px 10px 10px 0px;
    display: inline;
    }

    img.alignleft {
    padding: 0px;
    margin: 0px 10px 10px 0px;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }

    .wp-caption {
    margin: 0px;
    padding: 0px;
    }

    .wp-caption img {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    border: 0px;
    }

    .wp-caption p.wp-caption-text {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    line-height: 12px;
    }

    /************************************************
    * Sidebar *
    ************************************************/

    #sidebar {
    float: right;
    width: 320px;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    display: inline;
    }

    #sidebar h2 {
    background: #333333 url(images/headline.png);
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    padding: 3px 0px 3px 7px;
    }

    #sidebar p {
    margin: 0px;
    padding: 0px 0px 0px 45px;
    }

    #sidebar a img {
    border: none;
    margin: 0px;
    padding: 0px;
    }

    #sidebar ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }

    #sidebar ul li {
    list-style-type: none;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    }

    #sidebar ul ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }

    #sidebar ul li li {
    background: #FFFFFF url(images/icon.gif) no-repeat top left;
    padding: 0px 0px 5px 20px;
    margin: 0px;
    }

    #sidebar ul li ul li {
    background: #FFFFFF url(images/icon.gif) no-repeat top left;
    padding: 0px 0px 5px 20px;
    margin: 0px;
    }

    .widgetarea {
    background: #FFFFFF url(images/sidebartop.gif) top no-repeat;
    float: left;
    width: 300px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    }

    .video {
    background: #FFFFFF url(images/sidebartop.gif) top no-repeat;
    float: left;
    width: 300px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    }

    .adsense {
    background: #FFFFFF url(images/sidebartop.gif) top no-repeat;
    float: left;
    width: 300px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    }

    .newsletter {
    background: #FFFFFF url(images/newsletter.gif) top no-repeat;
    float: left;
    width: 300px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    }

    /************************************************
    * Left Sidebar *
    ************************************************/

    #l_sidebar {
    background: #FFFFFF url(images/leftsidebartop.gif) top no-repeat;
    float: left;
    width: 150px;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 0px 10px;
    border: 1px solid #DDDDDD;
    display: inline;
    }

    #l_sidebar p {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    }

    #l_sidebar a img {
    border: none;
    margin: 0px;
    padding: 0px;
    }

    #l_sidebar ul {
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }

    #l_sidebar ul ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }

    #l_sidebar ul li li {
    background: #FFFFFF url(images/icon.gif) no-repeat top left;
    padding: 0px 0px 5px 20px;
    margin: 0px;
    }

    #l_sidebar ul li ul li {
    background: #FFFFFF url(images/icon.gif) no-repeat top left;
    padding: 0px 0px 5px 20px;
    margin: 0px;
    }

    /************************************************
    * Right Sidebar *
    ************************************************/

    #r_sidebar {
    background: #FFFFFF url(images/rightsidebartop.gif) top no-repeat;
    float: right;
    width: 120px;
    margin: 0px;
    padding: 10px 10px 0px 10px;
    border: 1px solid #DDDDDD;
    display: inline;
    }

    #r_sidebar p {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    }

    #r_sidebar a img {
    border: none;
    margin: 0px;
    padding: 0px;
    }

    #r_sidebar ul {
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }

    #r_sidebar ul ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }

    #r_sidebar ul li li {
    background: #FFFFFF url(images/icon.gif) no-repeat top left;
    padding: 0px 0px 5px 20px;
    margin: 0px;
    }

    #r_sidebar ul li ul li {
    background: #FFFFFF url(images/icon.gif) no-repeat top left;
    padding: 0px 0px 5px 20px;
    margin: 0px;
    }

    /************************************************
    * Footer *
    ************************************************/

    #footer {
    background: #93BBBC url(images/topnav.png);
    width: 960px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    }

    #footer p {
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px;
    padding: 9px 0px 0px 0px;
    }

    #footer a, #footer a:visited {
    color: #FFFFFF;
    text-decoration: none;
    }

    #footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    }

    /************************************************
    * Search Form *
    ************************************************/

    #searchform {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    display: inline;
    }

    #searchbox {
    background: #EEEEEE !important;
    width: 220px;
    color: #202020;
    font-size: 12px;
    font-family: Georgia, Times New Roman, Trebuchet MS;
    font-weight: normal;
    margin: 0px;
    padding: 4px 0px 3px 5px;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #666666;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #666666;
    display: inline;
    }

    #searchbutton {
    background: #555555 url(images/topnav.png);
    color: #FFFFFF;
    font-size: 11px;
    font-family: Georgia, Times New Roman, Trebuchet MS;
    margin: 0px 0px 0px 5px;
    padding: 3px 3px 2px 3px;
    font-weight: bold;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #666666;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #666666;
    }

    #subscribe {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    overflow: hidden;
    }

    #subbox {
    background: #EEEEEE !important;
    width: 250px;
    color: #202020;
    font-size: 12px;
    font-family: Georgia, Times New Roman, Trebuchet MS;
    font-weight: normal;
    margin: 5px 0px 0px 0px;
    padding: 3px 0px 3px 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #DDDDDD;
    display: inline;
    }

    #subbutton {
    background: #555555 url(images/topnav.png);
    color: #FFFFFF;
    font-size: 11px;
    font-family: Georgia, Times New Roman, Trebuchet MS;
    margin: 0px 0px 0px 7px;
    padding: 3px 3px 2px 3px;
    font-weight: bold;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #666666;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #666666;
    }

    #name, #email, #url {
    background: #EEEEEE !important;
    width: 250px;
    color: #202020;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0px 0px 0px;
    padding: 3px 0px 3px 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #DDDDDD;
    display: inline;
    }

    #submit {
    background: #7B7B7B url(images/subbutton.gif);
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px;
    padding: 3px 3px 2px 3px;
    font-weight: bold;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #666666;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #666666;
    }

    #words {
    background: #EEEEEE;
    width: 460px;
    color: #202020;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0px 0px 0px;
    padding: 3px 0px 3px 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #DDDDDD;
    display: inline;
    }

    /************************************************
    * Comments *
    ************************************************/

    #commentblock {
    width: 560px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }

    #commentblock p {
    padding: 0px 20px 10px 0px;
    margin: 0px 0px 0px 0px;
    }

    .commentleft {
    width: 560px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }

    #commentblock ol {
    margin: 0px 5px 0px 20px;
    padding: 0px 0px 10px 0px;
    }

    #commentblock ol li {
    list-style: square;
    margin: 0px;
    padding: 0px;
    }

    .commentdate {
    font-size: 12px;
    padding-left: 0px;
    }

    #commentlist li p {
    margin-bottom: 8px;
    line-height: 20px;
    padding: 0px;
    }

    .commentname {
    color: #333333;
    margin: 0px;
    padding: 5px 5px 5px 0px;
    }

    .commentinfo{
    clear: both;
    }

    # May 26, 2009 at 2:17 am

    Something in the "translator" box is pushing out the width of the sidebar so that it is too fat to fit in the space… For some reason, that table has lots of empty table cells (<td>)… If you remove those extraneous table cells, and you should be good.

    # May 26, 2009 at 11:59 am

    Thanks Ashton… there was too many flags available in the same row. I was reduce the number of flags per row and fix the problem.

    Thanks a lot.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".