WordPress.com

1. beemeister
   Member
   Dec 15, 2008, 10:20 PM

   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. devblog
   Member
   Dec 15, 2008, 11:06 PM

   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. beemeister
   Member
   Dec 15, 2008, 11:09 PM

   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. devblog
   Member
   Dec 15, 2008, 11:16 PM

   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. beemeister
   Member
   Dec 15, 2008, 11:18 PM

   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. devblog
   Member
   Dec 16, 2008, 2:03 AM

   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. 1tess
   Moderator
   Dec 16, 2008, 2:15 AM

   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. beemeister
   Member
   Dec 16, 2008, 2:20 AM

   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. 1tess
   Moderator
   Dec 16, 2008, 2:35 AM

   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. devblog
    Member
    Dec 16, 2008, 3:06 AM

    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. aw1923
    Member
    Dec 16, 2008, 3:08 AM

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

12. christinainrome
    Member
    Dec 16, 2008, 3:10 AM

    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. beemeister
    Member
    Dec 16, 2008, 4:29 AM

    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. beemeister
    Member
    Dec 16, 2008, 4:43 AM

    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. devblog
    Member
    Dec 16, 2008, 4:49 AM

    That's weird, it works for me...

    http://sandboxskins.wordpress.com/

    Let me see wassup.

16. beemeister
    Member
    Dec 16, 2008, 4:53 AM

    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. devblog
    Member
    Dec 16, 2008, 4:56 AM

    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. beemeister
    Member
    Dec 16, 2008, 4:58 AM

    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. devblog
    Member
    Dec 16, 2008, 4:58 AM

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

20. beemeister
    Member
    Dec 16, 2008, 4:58 AM

    Ok, will do.

21. beemeister
    Member
    Dec 16, 2008, 4:59 AM

    Ok. Either way! :)

22. devblog
    Member
    Dec 16, 2008, 5:00 AM

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

23. devblog
    Member
    Dec 16, 2008, 5:01 AM

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

    and I meant Opera, not Safari

24. devblog
    Member
    Dec 16, 2008, 5:04 AM

    Here's the screenshot

    http://sandboxskins.files.wordpress.com/2008/12/opera.png

25. beemeister
    Member
    Dec 16, 2008, 5:04 AM

    Yes. Thanks!

26. beemeister
    Member
    Dec 16, 2008, 5:06 AM

    And this is what I get

    http://img153.imageshack.us/my.php?image=123uv1.jpg

27. beemeister
    Member
    Dec 16, 2008, 5:06 AM

    Do you have Leopard or tiger?

28. beemeister
    Member
    Dec 16, 2008, 5:09 AM

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

29. devblog
    Member
    Dec 16, 2008, 5:10 AM

    That's not good...

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

30. beemeister
    Member
    Dec 16, 2008, 5:14 AM

    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.