CSS Woes

Dunno how many people are familiar w/CSS, but I’ve recently updated the CSS for my blog. The only things I changed was to increase the base text size (because I like bigger), and add some style to handle the “galleries.” But for whatever reason, the galleries refuse to display correctly on Opera or IE. Here’s the relevant code:


.gallery {
padding: 6px 6px 6px 6px;
margin: 1em auto 1em auto;
background-color: #F7FBF7;
border-bottom: 1px solid #959596;
border-top: 1px solid #959596;
text-align: center;
}


.gallery_item {
display: inline;
margin: 8px 4px 8px 4px;
padding: 0;
position: relative;
}


img { border: none; }
a img { border: 2px solid #000; }
a img:hover { border: 2px solid #06c;}

I even made sure it validated!

Valid CSS!

Any suggestions are welcome. To view my site as it’s intended to be viewed, I recommend using a Gecko-based browser, such as Firefox. And as much as I love RSS readers, I haven’t seen one that takes and uses the style of the source page to display it, unless it’s inline.

ERRATUM: I forgot to mention (for all you impatient folk): if you hover your mouse pointer over the images, you should get a description of some sort.


Information about this entry:

Leave a Comment

Allowed code: <a href="" title="">, <abbr title="">, <acronym title="">, <b>, <blockquote cite="">, <cite>, <code>, <del datetime="">, <em>, <i>, <q cite="">, <s>, <strike>, <strong>