One of the problems we’ve seen happening over and over again with Chrome and Safari that doesn’t happen with Firefox and later version of IE is the image float issue of text not completely wrapping around the image when using the built in float tags in WP (.alignleft & .alignright) which are automatically embedded in the code when the selection of aligning the image left or right are selected.
Both Google Chrome and Safari display it the same way, meaning the text doesn’t wrap around the image when using the simple float:left; or float:right; tags on your CSS.
The regular CSS tags that WordPress comes with are:
.alignright {
float: right;
}
.alignleft {
float: left
}
Many blogs have approached the wrap the image around a division solution, but for those not too savvy when it comes to codding their posts there is an even easier way to solve this issue. By simply adding:
img.alignright {
float: right;
}
img.alignleft {
float: left;
}
to the style.css file on your theme the problem is solved and the images are displayed correctly on any browser.
