I have my primary links changed to images with unique CSS ids in the lefthand sidebar of my modified B7 theme.
When the site loads in IE 6 + 7 with an empty cache, the page displays beautifully. But when you click on one of the primary links, the positioning of the primary links goes screwy. See this screenshot of the mess.
Click again on the link, or any of the other primary links, and same deal. But hit Refresh and the page is what it should be: screenshot of the fixed.
According to IE's DOM inspector, the missing images load, they are just way up in the upper lefthand corner of the page. What the two images have in common is that they both float around their preceding images. Here is the applicable CSS:
#primary, #secondary {
position: relative;
border: 0;
margin: 0;
_margin: 0;
padding: 5px 0;
_padding: 5px 0;
}
#primary {
font-size: 1.2em;
}
#primary li {
list-style-type: none;
position: relative;
left: 8px;
}
#primary_block {
margin: -5px 0 0 0;
_margin: -10px 0 0 2px;
}
#primary_block img {
}
#primary_events {
width: 186px;
position: relative;
}
#primary_photo_album {
width: 186px;
position: relative;
}
#primary_history {
float: left;