Need help? Check out our Support site, then


Cutline CSS Customization

  1. I just did a redesign of Cutline on my site (username click on my name to see it). Check it out and let me know how it renders in your browser. I think I may have some Opera and Safari and maybe IE issues...but it looks great in FireFox. (why wouldn't it?)

    Thanks guys!

  2. Looking good in (Windows XP):

    IE6
    FX3
    K-Meleon 1.5.1
    Opera 9.01

    The header is not align with the menu (appears a bit higher) in:

    Opera 7.20 and 8.53

    Other than that, it looks good.

    When I get home I'll test it on me Mac, and if I get me virtual machine fixed I'll check it in Konqueror too.

  3. Hey dev! Thanks a lot. I have some issues with my content-box not displaying padding in Safari. It should be padded and have a border of 2px, but it does not. I am thinking Safari has a different way of CSS, and from what I read, it seems to be more "picky."

  4. Sure thing.

    Hmm... usually Safari and Firefox display elements very similar. I mean, if it looks padded in Firefox it should look padded in Safari too. When I get home I'll take a look at your CSS, if you don't mind, and will give you any suggestions that may fix your issue.

    Also, I checked it in Chrome and the contents background doesn't span the whole container... You know? since Safari and Chrome use the same engine (WebKit), maybe fixing that in Safari will fix this issue in Chrome.

  5. That is exactly the problem I was mentioning. I have a container background set, but it does not display in SF as in FF.

    Thanks for your help dev!

  6. I overlooked some things in IE that I'm trying to fix now. I'll post the code here once it's done.

    Did I mention that I dislike IE?

  7. I have some issues with my content-box not displaying padding in Safari. It should be padded and have a border of 2px
    I just looked in safari, and the header looks wider than the post width. Also the text in your posts is pressed right up to the edge, especially on the left—on the right, it's harder to tell with the sidebar, but that looks close as well, I think.

  8. devblog - Did I mention that I dislike IE?

    So do I. I don't even have it on my Mac...which is why I can't double check against it.

    Thanks so much for the help!

    1tess - Thanks for checking out my site. My container which holds the page content is not displaying the background color in Safari. It does in FF and IE. Here is what it is supposed to look like → http://img78.imageshack.us/my.php?image=123zn1.png

  9. beemeister
    Yes, it looks good in Firefox. I have a Mac too!
    IE, got tired of that long ago—don't think they even support Macs anymore do they?

  10. Ok, bee. Here's the code. Replace the current definitions with the following ones:

    h1 {
    font:bold 3.8em Helvetica, Arial, sans-serif;
    margin:0;
    padding:0;
    }
    
    #masthead {
    width:auto;
    float:left;
    margin:0;
    padding:0;
    }
    
    #masthead h1 {
    background:#b2ada0;
    border:none;
    margin:0;
    }
    
    h1 a,h1 a:visited,h1 a:hover {
    color:#000;
    text-decoration:none;
    }
    
    #container {
    background-color:#b2ada0;
    clear:both;
    overflow:hidden;
    width:810px;
    margin:25px auto 0;
    }
    
    ul#nav {
    list-style:none;
    display:inline;
    width:550px;
    background:#b2ada0;
    border-bottom:0 solid #000;
    float:right;
    clear:none;
    margin:0;
    padding:0;
    }
    
    ul#nav li {
    background-color:#b2ada0;
    font:bold 1.5em Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    float:left;
    clear:none;
    padding:35px 0 0 17px;
    }
    
    #header_img {
    background-color:#fff;
    border-bottom:0 solid #000;
    border-top:2px solid #ccc;
    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
    clear:both;
    margin:-15px 0 0;
    padding:18px 18px 0;
    }

    This fixes a problem with the header and menus in IE that I overlooked. I tested this in IE7 and works (I don't have IE6 here at home, but I bet it looks okay too. I'll check tomorrow at the office). This also fixes the Safari problem (and it should also fix the way it's displayed in Chrome).

    I hope I'm not missing any declaration. Let me know if otherwise.

  11. your blog looks so nice. I like the design a lot.

  12. christinainrome
    Member

    Beemeister -- I really like your site and could use some help. I just bought the CSS upgrade but don't have any clue how to write CSS... Would it be at all possible for you to help me with my own site? I'm using the Benevolence theme

    http://christinainrome.wordpress.com/

    That's what I got so far

  13. aw1923 - thanks for the compliment! I had some inspiration from pearsonified.com and the vigilance theme.

    christinainrome - It depends on what you want to do. Drop me a line on my site (click on my name) and leave a comment describing what you would like. I will see what I can do about it.

  14. devblog - You are awesome to help out like this! Thanks so much.

    I am still getting a problem with the container in Safari. There is no background and padding. Also, the header nav is funky in Opera. Here is a shot → http://img377.imageshack.us/my.php?image=1234yf7.png

    Here are the declarations. I don't have all of them custom. Just included the related tags for good measure...I was trying out a number of different things.

    a {
    color:#772124;
    text-decoration:none;
    }
    
    a:visited {
    color:#772124;
    text-decoration:none;
    }
    
    a:hover {
    color:#58181b;
    text-decoration:underline;
    }
    
    blockquote {
    font-style:italic;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#555;
    border-left:1px solid #aaa;
    margin:0 30px 20px;
    padding:0 0 0 10px;
    }
    
    abbr,acronym {
    border-bottom:1px dotted #333;
    text-transform:uppercase;
    cursor:help;
    }
    
    code {
    color:#090;
    font-family:"Courier New", Courier, monospace;
    }
    
    pre {
    width:500px;
    overflow:auto;
    font-size:1.3em;
    float:left;
    clear:both;
    margin:0 0 20px;
    }
    
    * html pre {
    font-size:1em;
    }
    
    p.center {
    text-align:center!important;
    }
    
    p.bottom {
    margin:0!important;
    }
    
    p.unstyled {
    font-size:1.6em;
    }
    
    .flickr_blue {
    color:#007ae4;
    text-transform:lowercase;
    }
    
    .flickr_pink {
    color:#ff2a96;
    text-transform:lowercase;
    }
    
    h1 {
    font:bold 3.8em Helvetica, Arial, sans-serif;
    margin:0;
    padding:0;
    }
    
    * html h1 {
    letter-spacing:-.1em;
    }
    
    #masthead h1 {
    background:#b2ada0;
    border:none;
    margin:0;
    }
    
    h1 a,h1 a:visited,h1 a:hover {
    color:#000;
    text-decoration:none;
    }
    
    h3 {
    font:bold 1.1em Helvetica, Georgia, "Times New Roman", Times, serif;
    letter-spacing:.2px;
    text-transform:uppercase;
    color:#000;
    }
    
    .entry h3 {
    margin:35px 0 10px;
    }
    
    .entry h3.top {
    margin:0 0 10px!important;
    }
    
    h3.comments_headers {
    font-size:1.4em;
    }
    
    body {
    background:#b2ada0;
    color:#333;
    font:62.5% Georgia, "Times New Roman", Times, serif;
    text-align:center;
    }
    
    #container {
    background-color:#b2ada0;
    clear:both;
    overflow:hidden;
    width:810px;
    margin:25px auto 0;
    }
    
    #content_box {
    width:770px;
    text-align:left;
    float:center;
    clear:both;
    background-color:#fff;
    background:#fff;
    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
    padding:0 18px;
    }
    
    #content {
    background-color:#fff;
    width:500px;
    float:left;
    overflow:hidden;
    padding:18px 40px 0 0;
    }
    
    * html #content {
    background-color:#fff;
    overflow:hidden;
    }
    
    #sidebar {
    background-color:#fff;
    width:230px;
    float:left;
    overflow:hidden;
    }
    
    * html #sidebar {
    background-color:#fff;
    overflow:hidden;
    }
    
    #footer {
    width:790px;
    border-top:2px solid #ccc;
    font:bold 1.4em/1.4em Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    letter-spacing:.3px;
    float:center;
    clear:both;
    padding:12px 10px 10px;
    }
    
    #masthead {
    width:auto;
    float:left;
    margin:0;
    padding:0;
    }
    
    ul#nav {
    list-style:none;
    display:inline;
    width:550px;
    background:#b2ada0;
    border-bottom:0 solid #000;
    float:right;
    clear:none;
    margin:0;
    padding:0;
    }
    
    ul#nav li {
    background-color:#b2ada0;
    font:bold 1.5em Helvetica, Arial, sans-serif;
    letter-spacing:.2px;
    text-transform:uppercase;
    float:left;
    clear:none;
    padding:35px 0 0 17px;
    }
    
    ul#nav li a,ul#nav li a:visited {
    color:#000;
    text-decoration:none;
    }
    
    ul#nav li a:hover {
    color:#772124;
    text-decoration:underline;
    }
    
    ul#nav li a.current,ul#nav li a.current:visited,ul#nav li a.current:hover,ul#nav li.current_page_item a,ul#nav li.current_page_item a:visited,ul#nav li.current_page_item a:hover {
    color:#fff;
    text-decoration:underline;
    }
    
    ul#nav li.rss {
    float:right;
    padding:12px 0 10px;
    }
    
    ul#nav li.rss a {
    background:url('images/icon_rss.gif') 100% 50% no-repeat;
    padding:0 18px 0 0;
    }
    
    #header_img {
    background-color:#fff;
    border-bottom:0 solid #000;
    border-top:2px solid #ccc;
    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
    clear:both;
    margin:-15px 0 0;
    padding:18px 18px 0;
    }
    
    #header_img img {
    display:block;
    }
    
    .navigation {
    width:500px;
    font-size:1.5em;
    float:left;
    margin:0 0 40px;
    }
    
    * html .navigation {
    margin:0 0 30px;
    }
    
    .previous {
    float:left;
    padding:0 20px 0 0;
    }
    
    .next {
    float:right;
    }
    
    #sidebar a img {
    border:none;
    }
    
    ul.sidebar_list {
    list-style:none;
    }
    
    ul.sidebar_list li.widget {
    width:230px;
    font-size:1.3em;
    line-height:1.4em;
    float:left;
    margin:0 0 30px;
    }
    
    li.widget h2,li.linkcat h2 {
    font-weight:bold;
    font-size:1.1em;
    text-transform:uppercase;
    letter-spacing:normal;
    border-top:3px solid #000;
    background:url('images/hr_dot_black.gif') 0 100% repeat-x;
    margin:0 0 10px;
    padding:6px 2px;
    }
    
    li.widget p {
    margin:0 0 15px;
    padding:0 10px;
    }
    
    li.widget a img {
    border:none;
    }
    
    li.widget ul,li.linkcat ul {
    list-style:square;
    margin:0 0 15px 20px;
    }
    
    li.widget ol {
    margin:0 0 15px 20px;
    }
    
    li.widget li,li.linkcat li {
    margin:0 0 8px;
    }
    
    li.widget li a,li.widget li a:visited,li.linkcat li a,li.linkcat li a:visited {
    text-decoration:none;
    }
    
    li.widget li a:hover,li.linkcat li a:hover {
    text-decoration:underline;
    }
    
    li.widget li .recent_date {
    font-weight:bold;
    color:#888;
    padding:0 0 0 8px;
    }
    
    li.widget ul.flickr_stream {
    list-style:none;
    margin:0;
    padding:0 10px;
    }
    
    li.widget ul.flickr_stream li {
    display:inline;
    margin:0;
    padding:0 5px 5px 0;
    }
    
    li.widget ul.flickr_stream li a img {
    padding:3px;
    }
    
    li.widget ul.flickr_stream li a:hover img {
    background:#ff2a96;
    }
    
    li.widget_flickrrss a img {
    margin:0 5px 5px 0;
    padding:3px;
    }
    
    li.widget_flickrrss a:hover img {
    background:#ff2a96;
    }
    
    #calendar_wrap {
    font-size:1.2em;
    }
    
    ul.sidebar_list li#linkcat-1,ul.sidebar_list li#linkcat-2,ul.sidebar_list li#linkcat-3,ul.sidebar_list li#linkcat-4,ul.sidebar_list li#linkcat-5,ul.sidebar_list li#linkcat-6,ul.sidebar_list li#linkcat-7,ul.sidebar_list li#linkcat-8,ul.sidebar_list li#linkcat-9 {
    width:230px;
    font-size:1.2em;
    line-height:1.4em;
    float:left;
    margin:0 0 30px;
    }
    
    ul.sidebar_list li#linkcat-1 h2,ul.sidebar_list li#linkcat-2 h2,ul.sidebar_list li#linkcat-3 h2,ul.sidebar_list li#linkcat-4 h2,ul.sidebar_list li#linkcat-5 h2,ul.sidebar_list li#linkcat-6 h2,ul.sidebar_list li#linkcat-7 h2,ul.sidebar_list li#linkcat-8 h2,ul.sidebar_list li#linkcat-9 h2 {
    font-weight:bold;
    font-size:1.2em;
    text-transform:uppercase;
    letter-spacing:normal;
    border-top:3px solid #000;
    background:url('images/hr_dot_black.gif') 0 100% repeat-x;
    margin:0 0 10px;
    padding:6px 2px;
    }
    
    ul.sidebar_list li#linkcat-1 ul,ul.sidebar_list li#linkcat-2 ul,ul.sidebar_list li#linkcat-3 ul,ul.sidebar_list li#linkcat-4 ul,ul.sidebar_list li#linkcat-5 ul,ul.sidebar_list li#linkcat-6 ul,ul.sidebar_list li#linkcat-7 ul,ul.sidebar_list li#linkcat-8 ul,ul.sidebar_list li#linkcat-9 ul {
    list-style:square;
    margin:0 0 15px 20px;
    }
    
    ul.sidebar_list li#linkcat-1 li,ul.sidebar_list li#linkcat-2 li,ul.sidebar_list li#linkcat-3 li,ul.sidebar_list li#linkcat-4 li,ul.sidebar_list li#linkcat-5 li,ul.sidebar_list li#linkcat-6 li,ul.sidebar_list li#linkcat-7 li,ul.sidebar_list li#linkcat-8 li,ul.sidebar_list li#linkcat-9 li {
    margin:0 0 8px;
    }
    
    ul.sidebar_list li#linkcat-1 li a,ul.sidebar_list li#linkcat-2 li a,ul.sidebar_list li#linkcat-3 li a,ul.sidebar_list li#linkcat-4 li a,ul.sidebar_list li#linkcat-5 li a,ul.sidebar_list li#linkcat-6 li a,ul.sidebar_list li#linkcat-7 li a,ul.sidebar_list li#linkcat-8 li a,ul.sidebar_list li#linkcat-9 li a {
    text-decoration:none;
    }
    
    ul.sidebar_list li#linkcat-1 li a:hover,ul.sidebar_list li#linkcat-2 li a:hover,ul.sidebar_list li#linkcat-3 li a:hover,ul.sidebar_list li#linkcat-4 li a:hover,ul.sidebar_list li#linkcat-5 li a:hover,ul.sidebar_list li#linkcat-6 li a:hover,ul.sidebar_list li#linkcat-7 li a:hover,ul.sidebar_list li#linkcat-8 li a:hover,ul.sidebar_list li#linkcat-9 li a:hover {
    text-decoration:underline;
    }
  15. That's weird, it works for me...

    http://sandboxskins.wordpress.com/

    Let me see wassup.

  16. HA! I just saw your Sandbox blog, dev, and I noticed that theme you are using looks pretty nice! Familiar too, in a way. Sure you can use it...thanks for helping to debug it!

  17. Maybe I missed a definition. I modified a lot of things that I lost track...

    Here's the whole thing

    a {
    color:#772124;
    text-decoration:none;
    }
    
    a:visited {
    color:#772124;
    text-decoration:none;
    }
    
    a:hover {
    color:#58181b;
    text-decoration:underline;
    }
    
    blockquote {
    font-style:italic;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#555;
    border-left:1px solid #aaa;
    margin:0 30px 20px;
    padding:0 0 0 10px;
    }
    
    abbr,acronym {
    border-bottom:1px dotted #333;
    text-transform:uppercase;
    cursor:help;
    }
    
    code {
    color:#090;
    font-family:"Courier New", Courier, monospace;
    }
    
    pre {
    width:500px;
    overflow:auto;
    font-size:1.3em;
    float:left;
    clear:both;
    margin:0 0 20px;
    }
    
    * html pre {
    font-size:1em;
    }
    
    p.center {
    text-align:center!important;
    }
    
    p.bottom {
    margin:0!important;
    }
    
    p.unstyled {
    font-size:1.4em;
    }
    
    .flickr_blue {
    color:#007ae4;
    text-transform:lowercase;
    }
    
    .flickr_pink {
    color:#ff2a96;
    text-transform:lowercase;
    }
    
    h1 {
    font:bold 3.8em Helvetica, Arial, sans-serif;
    margin:0;
    padding:0;
    }
    
    #masthead {
    width:auto;
    float:left;
    margin:0;
    padding:0;
    }
    
    #masthead h1 {
    background:#b2ada0;
    border:none;
    margin:0;
    }
    
    h1 a,h1 a:visited,h1 a:hover {
    color:#000;
    text-decoration:none;
    }
    
    h3 {
    font:bold 1.1em Helvetica, Georgia, "Times New Roman", Times, serif;
    letter-spacing:.2px;
    text-transform:uppercase;
    color:#000;
    }
    
    .entry h3 {
    margin:35px 0 10px;
    }
    
    .entry h3.top {
    margin:0 0 10px!important;
    }
    
    h3.comments_headers {
    font-size:1.4em;
    }
    
    body {
    background:#b2ada0;
    color:#333;
    font:62.5% Georgia, "Times New Roman", Times, serif;
    text-align:center;
    }
    
    #container {
    background-color:#b2ada0;
    clear:both;
    overflow:hidden;
    width:810px;
    margin:25px auto 0;
    }
    
    #content_box {
    width:770px;
    text-align:left;
    overflow:hidden;
    clear:both;
    background-color:#fff;
    background:#fff;
    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
    padding:0 18px;
    }
    
    #content {
    background-color:#fff;
    width:500px;
    float:left;
    overflow:hidden;
    padding:18px 40px 0 0;
    }
    
    * html #content {
    background-color:#fff;
    overflow:hidden;
    }
    
    #sidebar {
    background-color:#fff;
    width:230px;
    float:left;
    overflow:hidden;
    }
    
    * html #sidebar {
    background-color:#fff;
    overflow:hidden;
    }
    
    #footer {
    width:790px;
    border-top:2px solid #ccc;
    font:bold 1.4em/1.4em Helvetica, Arial, sans-serif;
    text-transform:lowercase;
    float:center;
    clear:both;
    padding:12px 10px 10px;
    }
    
    ul#nav {
    list-style:none;
    display:inline;
    width:550px;
    background:#b2ada0;
    border-bottom:0 solid #000;
    float:right;
    clear:none;
    margin:0;
    padding:0;
    }
    
    ul#nav li {
    background-color:#b2ada0;
    font:bold 1.5em Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    float:left;
    clear:none;
    padding:35px 0 0 17px;
    }
    
    ul#nav li a,ul#nav li a:visited {
    color:#000;
    text-decoration:none;
    }
    
    ul#nav li a:hover {
    color:#772124;
    text-decoration:underline;
    }
    
    ul#nav li a.current,ul#nav li a.current:visited,ul#nav li a.current:hover,ul#nav li.current_page_item a,ul#nav li.current_page_item a:visited,ul#nav li.current_page_item a:hover {
    color:#fff;
    text-decoration:underline;
    }
    
    ul#nav li.rss {
    float:right;
    padding:12px 0 10px;
    }
    
    ul#nav li.rss a {
    background:url('images/icon_rss.gif') 100% 50% no-repeat;
    padding:0 18px 0 0;
    }
    
    #header_img {
    background-color:#fff;
    border-bottom:0 solid #000;
    border-top:2px solid #ccc;
    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
    clear:both;
    margin:-15px 0 0;
    padding:18px 18px 0;
    }
    
    #header_img img {
    display:block;
    }
    
    #sidebar a img {
    border:none;
    }
    
    ul.sidebar_list {
    list-style:none;
    }
    
    ul.sidebar_list li.widget {
    width:230px;
    font-size:1.3em;
    line-height:1.4em;
    float:left;
    margin:0 0 30px;
    }
    
    li.widget h2,li.linkcat h2 {
    font-weight:bold;
    font-size:1.1em;
    text-transform:uppercase;
    letter-spacing:normal;
    border-top:3px solid #000;
    background:url('images/hr_dot_black.gif') 0 100% repeat-x;
    margin:0 0 10px;
    padding:6px 2px;
    }
    
    li.widget p {
    margin:0 0 15px;
    padding:0 10px;
    }
    
    li.widget a img {
    border:none;
    }
    
    li.widget ul,li.linkcat ul {
    list-style:square;
    margin:0 0 15px 20px;
    }
    
    li.widget ol {
    margin:0 0 15px 20px;
    }
    
    li.widget li,li.linkcat li {
    margin:0 0 8px;
    }
    
    li.widget li a,li.widget li a:visited,li.linkcat li a,li.linkcat li a:visited {
    text-decoration:none;
    }
    
    li.widget li a:hover,li.linkcat li a:hover {
    text-decoration:underline;
    }
    
    li.widget li .recent_date {
    font-weight:bold;
    color:#888;
    padding:0 0 0 8px;
    }
    
    li.widget ul.flickr_stream {
    list-style:none;
    margin:0;
    padding:0 10px;
    }
    
    li.widget ul.flickr_stream li {
    display:inline;
    margin:0;
    padding:0 5px 5px 0;
    }
    
    li.widget ul.flickr_stream li a img {
    padding:3px;
    }
    
    li.widget ul.flickr_stream li a:hover img {
    background:#ff2a96;
    }
    
    li.widget_flickrrss a img {
    margin:0 5px 5px 0;
    padding:3px;
    }
    
    li.widget_flickrrss a:hover img {
    background:#ff2a96;
    }
    
    #calendar_wrap {
    font-size:1.2em;
    }
    
    ul.sidebar_list li#linkcat-1,ul.sidebar_list li#linkcat-2,ul.sidebar_list li#linkcat-3,ul.sidebar_list li#linkcat-4,ul.sidebar_list li#linkcat-5,ul.sidebar_list li#linkcat-6,ul.sidebar_list li#linkcat-7,ul.sidebar_list li#linkcat-8,ul.sidebar_list li#linkcat-9 {
    width:230px;
    font-size:1.2em;
    line-height:1.4em;
    float:left;
    margin:0 0 30px;
    }
    
    ul.sidebar_list li#linkcat-1 h2,ul.sidebar_list li#linkcat-2 h2,ul.sidebar_list li#linkcat-3 h2,ul.sidebar_list li#linkcat-4 h2,ul.sidebar_list li#linkcat-5 h2,ul.sidebar_list li#linkcat-6 h2,ul.sidebar_list li#linkcat-7 h2,ul.sidebar_list li#linkcat-8 h2,ul.sidebar_list li#linkcat-9 h2 {
    font-weight:bold;
    font-size:1.2em;
    text-transform:uppercase;
    letter-spacing:normal;
    border-top:3px solid #000;
    background:url('images/hr_dot_black.gif') 0 100% repeat-x;
    margin:0 0 10px;
    padding:6px 2px;
    }
    
    ul.sidebar_list li#linkcat-1 ul,ul.sidebar_list li#linkcat-2 ul,ul.sidebar_list li#linkcat-3 ul,ul.sidebar_list li#linkcat-4 ul,ul.sidebar_list li#linkcat-5 ul,ul.sidebar_list li#linkcat-6 ul,ul.sidebar_list li#linkcat-7 ul,ul.sidebar_list li#linkcat-8 ul,ul.sidebar_list li#linkcat-9 ul {
    list-style:square;
    margin:0 0 15px 20px;
    }
    
    ul.sidebar_list li#linkcat-1 li,ul.sidebar_list li#linkcat-2 li,ul.sidebar_list li#linkcat-3 li,ul.sidebar_list li#linkcat-4 li,ul.sidebar_list li#linkcat-5 li,ul.sidebar_list li#linkcat-6 li,ul.sidebar_list li#linkcat-7 li,ul.sidebar_list li#linkcat-8 li,ul.sidebar_list li#linkcat-9 li {
    margin:0 0 8px;
    }
    
    ul.sidebar_list li#linkcat-1 li a,ul.sidebar_list li#linkcat-2 li a,ul.sidebar_list li#linkcat-3 li a,ul.sidebar_list li#linkcat-4 li a,ul.sidebar_list li#linkcat-5 li a,ul.sidebar_list li#linkcat-6 li a,ul.sidebar_list li#linkcat-7 li a,ul.sidebar_list li#linkcat-8 li a,ul.sidebar_list li#linkcat-9 li a {
    text-decoration:none;
    }
    
    ul.sidebar_list li#linkcat-1 li a:hover,ul.sidebar_list li#linkcat-2 li a:hover,ul.sidebar_list li#linkcat-3 li a:hover,ul.sidebar_list li#linkcat-4 li a:hover,ul.sidebar_list li#linkcat-5 li a:hover,ul.sidebar_list li#linkcat-6 li a:hover,ul.sidebar_list li#linkcat-7 li a:hover,ul.sidebar_list li#linkcat-8 li a:hover,ul.sidebar_list li#linkcat-9 li a:hover {
    text-decoration:underline;
    }

    Just replace everything with this.

    Let me know if you still have a problem

  18. I see, you don't have the container problem in Safari. Weird. Check your site in Opera though. The nav is all off. Do you have Opera?

  19. Oh, I'm just using it so that you can see that is working for me.

  20. Ok, will do.

  21. Ok. Either way! :)

  22. Yeah, I have Safari and I don't have that problem... I'll post a screenshot soon

  23. BTW, you have "Add to existing CSS" radio button checked, right?

    and I meant Opera, not Safari

  24. Yes. Thanks!

  25. Do you have Leopard or tiger?

  26. I am updating both Safari and Opera. Will see if that helps.

  27. That's not good...

    I have Leopard and I'm using Opera 9.27 What version of Opera are you using?

  28. I am running 9.61 and updating to 9.62. I have a PPC running Tiger 10.4.11

Topic Closed

This topic has been closed to new replies.

About this Topic