Images Issue

I see a border on all four sides.

What browser are you using?

Firefox. Looks like IE cuts at least 20px off the left-hand side, but just on the first seven graphics. May be an alignment issue?

How would I fix this?

I would look at the HTML between posts that look ok and compare to those that are cropping. The tag may be slightly different.

They are all cropping though

I see them cropping from the first to “The Most Expensive Jewelry Of 2006” The other pics are slightly indented, allowing the border to show on the left…

Sorry I did nto notice

Is it possible to fx this?

BAD
<a class="imagelink" title="1_0213feat.jpg" href="https://sybarites.org/wp-content/uploads/2006/02/1_0213feat.jpg"><img width="291" height="222" id="image50" alt="1_0213feat.jpg" src="https://sybarites.org/wp-content/uploads/2006/02/1_0213feat.jpg" /></a>
These ...

GOOD
<img src='/wp-content/t1.fossett.land.getty.jpg' alt='Fossett' />
Adventurer ....

In the Jewelry post, get rid of the following in the HTML and we’ll see what happens: class="imagelink" title="1_0213feat.jpg"

Note that ‘bad’ and ‘good’ are only about the results wanted.

I took the thing out but is still not working

Delete <p><img src from the same post (jewelry) and add <a href instead so it looks like this: <a href=

It looks like it’s the property definitions causing the problem… try this:

OLD
<a class="imagelink" title="1_0213feat.jpg" href="https://sybarites.org/wp-content/uploads/2006/02/1_0213feat.jpg"><img width="291" height="222" id="image50" alt="1_0213feat.jpg" src="https://sybarites.org/wp-content/uploads/2006/02/1_0213feat.jpg" /></a>
These ...

NEW
<a><img src="https://sybarites.org/wp-content/uploads/2006/02/1_0213feat.jpg" /></a>
These ...

In your stylesheet you have:

.primary img {
margin-left: -5px;
padding: 4px;
border: 1px solid #ccc;
max-width: 100%;
}

Try setting margin-left: 0;

Sorry the style sheet settings thing above did not work.