css problems with IE

DRakE

hi guys a couple of simple? css things here

this is how the web page renders in IE incorrectly



this is it in Dreamweaver where it looks to be correct



basically i want the text to the right of the photo, i have a class set up called .herbert

.herbert{
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

and i want the links at the top to be set on the right hand side, surely thats just a float:right; ?

.rightlinks{
	font-size:12px;
	float:right;
	
}

any help appreciated!

Sean^DCT4

I think you need the following code to fix this in IE. Not 100% but I think it's that.

<div style="clear:both;"></div>

or you could stick an align=left on the <img>

Liam Byrne

Which version of IE? You might need to add a "display:inline" to the "float:left" on the image

conorcan2

.herbert{
float:left;
1 clear:none;
2 display:inline;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}

Try a few combinations of rules 1 and 2 above.

lil_lisa

You shouldn't have to float:right at all for the text, it should sit on its own.