IE Bug number 12524234345: Borders?

programming web dev
1

Hi ppl,

I’ve got a problem with CSS again. As usual, FF renders it fine (not the other way around, I try to produce W3C code as much as possible and FF always renders that fine).

The problem is in borders…

Relevant CSS:


p
	{
		margin: 0px;
		padding: 0px	
	}

#rightbar
	{
		width: 224px;
		float: right;
		padding-right: 30px;
		padding-left: 30px;
		padding-top: 18px;
		padding-bottom: 18px
	}

.header
	{
		font-size: 12px;
		font-weight: bold	
	}

#rightbar p
	{
		margin-bottom: 18px;
		line-height: 14px;
		float: left
	}


#rightbar .image
	{
		border: 2px #4471A6 solid;
		margin: 0px;
		padding: 0px
	}

See the problem is that the border makes the image wider in IE. In FF it renders fine.

What do I do to solve this?

Edit: Ok never mind found it… simple mistake :blush: